Update list of guides in Getting Started Features Overview pages + bo…

.vitepress/sidebars/tutorials.ts

@@ -64,10 +64,12 @@ export const tutorialsSidebar: DefaultTheme.SidebarItem[] = [
       {
         text: "Shift",
         link: "/tutorials/shift",
-      },
-      {
-        text: "Using LiteLLM with Shift",
-        link: "/tutorials/litellm",
+        items: [
+          {
+            text: "Using LiteLLM with Shift",
+            link: "/tutorials/litellm",
+          },
+        ],
       },
     ],
   },

src/concepts/workflow_flow.md

@@ -35,7 +35,7 @@ $[node_alias].[output_alias]
 ```
 
 ::: tip
-You can view the data type by clicking on a node and viewing the value within the parenthesis next to the name of the object.
+You can view the data type by **clicking** on a node and viewing the value within the parenthesis next to the name of the object.
 :::
 
 <img alt="Register command SDK." src="/_images/data_flow.png" center/>

src/concepts/workflows_intro.md

@@ -26,7 +26,7 @@ Passive workflows are **automatically triggered** when their specifications/cond
 
 ## Active Workflows
 
-`Active` workflows also take **requests** or **responses** as input. However, they are manually triggered, usually by right-clicking on a request/response in the HTTP History or Search pages.
+`Active` workflows also take **requests** or **responses** as input. However, they are manually triggered, usually by **right-clicking** on a request/response in the HTTP History or Search pages.
 
 ## Convert Workflows
 

src/concepts/workflows_nodes.md

@@ -19,7 +19,7 @@ Workflows use a top-down heirachical structure (_the node at the very top repres
 <img alt="Workflow connections." src="/_images/node_connect.png" center/>
 
 1. The down arrow within a circle icon represents a node's `socket`.
-2. Click and drag a bottom socket to the top socket of the next/a subsequent node in the flow to create a `connection`.
+2. **Click** and drag a bottom socket to the top socket of the next/a subsequent node in the flow to create a `connection`.
 
 ## Aliases
 

src/guides/automate_wordlists.md

@@ -14,7 +14,7 @@ Once a placeholder has been marked, you will be presented with options in the `P
 
 <img alt="Selecting an uploaded wordlist with Hosted File." src="/_images/automate_hosted_file.png" center/>
 
-- `Simple List`: This option will present an input field that allows you to manually type in a wordlist, one payload per new line. You can also load a wordlist file directly by clicking on the `Load from file...` button.
+- `Simple List`: This option will present an input field that allows you to manually type in a wordlist, one payload per new line. You can also load a wordlist file directly by **clicking** on the `Load from file...` button.
 
 <img alt="Manually creating a wordlist with Simple List." src="/_images/automate_simple_list.png" center/>
 

src/guides/dns_rewrites.md

@@ -16,7 +16,7 @@ To resolve DNS queries using an alternative upstream DNS server, instead of your
 
 <img alt="Google or Cloudflare DNS server options." src="/_images/upstream_dns.png" center no-shadow/>
 
-- Or the DNS server can be explicitly defined by clicking on the `+` button, providing the server's IP address along with an arbitrary name, and clicking `+ Create`. This will add the server as an option in the drop-down menu.
+- Or the DNS server can be explicitly defined by **clicking** on the `+` button, providing the server's IP address along with an arbitrary name, and **clicking** `+ Create`. This will add the server as an option in the drop-down menu.
 
 <img alt="Setting a custom upstream DNS server." src="/_images/new_upstream_dns.png" center no-shadow/>
 

src/guides/exegol.md

@@ -6,7 +6,7 @@ description: "A step-by-step guide to using Caido on Exegol."
 
 ---
 
-<img alt="Exegol Banner" style="width: 100%" src="/_images/exegol-banner.png"/>
+<img alt="Exegol Banner" src="/_images/exegol-banner.png"/>
 
 [Exegol](https://exegol.com/) is a comprehensive cybersecurity environment designed by offensive security experts, for fellow hackers, in collaboration with its community. It solves the common pain points of traditional security distributions by providing a modular and reliable toolkit that's made for the field.
 

src/guides/foxyproxy.md

@@ -15,7 +15,7 @@ The FoxyProxy browser extension gives you the ability to quickly enable/disable
 
 ## Chrome
 
-To install the browser extension, launch the Chrome browser, navigate to [https://chromewebstore.google.com/detail/foxyproxy/gcknhkkoolaabfmlnjonogaaifnjlfnp](https://chromewebstore.google.com/detail/foxyproxy/gcknhkkoolaabfmlnjonogaaifnjlfnp), and click on the `Add to Chrome` button.
+To install the browser extension, launch the Chrome browser, navigate to [https://chromewebstore.google.com/detail/foxyproxy/gcknhkkoolaabfmlnjonogaaifnjlfnp](https://chromewebstore.google.com/detail/foxyproxy/gcknhkkoolaabfmlnjonogaaifnjlfnp), and **click** on the `Add to Chrome` button.
 
 In the pop-up window, **click** on the `Add extension` button.
 
@@ -31,7 +31,7 @@ Then, [continue to the configuration instructions](#configuring-foxyproxy).
 
 ## Firefox
 
-To install the browser extension, launch the Firefox browser, navigate to [https://addons.mozilla.org/en-US/firefox/addon/foxyproxy-standard/](https://addons.mozilla.org/en-US/firefox/addon/foxyproxy-standard/), and click on the `Add to Firefox` button.
+To install the browser extension, launch the Firefox browser, navigate to [https://addons.mozilla.org/en-US/firefox/addon/foxyproxy-standard/](https://addons.mozilla.org/en-US/firefox/addon/foxyproxy-standard/), and **click** on the `Add to Firefox` button.
 
 In the pop-up window, select `Allow extension to run in private windows`, and then **click** on the `Add` button.
 

src/guides/logs_viewing.md

@@ -26,7 +26,7 @@ To view the backend log files of your instance, either:
 | MacOS   | `~/Library/Application\ Support/io.caido.Caido/` |
 | Windows | `%APPDATA%\Caido\Caido\data`                     |
 
-- Or, **click** on the <code><Icon icon="fas fa-file-lines" /> Logs</code> button in the desktop application user interface and click on the <code><Icon icon="fas fa-circle-dot" /> Record</code> button to capture the backend logs for a certain interval of time.
+- Or, **click** on the <code><Icon icon="fas fa-file-lines" /> Logs</code> button in the desktop application user interface and **click** on the <code><Icon icon="fas fa-circle-dot" /> Record</code> button to capture the backend logs for a certain interval of time.
 
 <img alt="The in-app log panel." src="/_images/logs_panel.png" center/>
 

src/guides/preview_responses.md

@@ -10,6 +10,6 @@ To make use of this feature, **click** on the account button <code><Icon icon="f
 
 <img alt="Installing the rendering engine." src="/_images/general_usage_rendering_engine.png" center>
 
-Once the rendering engine is installed, you can click on the `Preview` or page button <code><Icon icon="fas fa-file" /></code> attached to a response pane to render the view.
+Once the rendering engine is installed, you can **click** on the `Preview` or page button <code><Icon icon="fas fa-file" /></code> attached to a response pane to render the view.
 
 <img alt="Previewing a response within Caido." src="/_images/general_usage_response_preview.png" center>

src/guides/upstream.md

@@ -29,7 +29,7 @@ To ensure your configurations successfully forward traffic, you can test them by
 
 <img alt="The upstream proxy configuration settings." src="/_images/upstream_socks_proxy.png" center>
 
-Once you have defined the upstream proxy settings, click on the `+ Create` button save the configuration.
+Once you have defined the upstream proxy settings, **click** on the `+ Create` button save the configuration.
 
 ::: info
 

src/guides/workflows_references.md

@@ -4,7 +4,7 @@ description: "A step-by-step guide to passing data between workflow nodes in Cai
 
 # Passing Data Between Nodes
 
-To use the output of a workflow node as the input of a connected downstream node, click on the <code><Icon icon="fas fa-link" /></code> button in a node's editor and select the data alias from the drop-down menu:
+To use the output of a workflow node as the input of a connected downstream node, **click** on the <code><Icon icon="fas fa-link" /></code> button in a node's editor and select the data alias from the drop-down menu:
 
 <img alt="Selecting a reference." src="/_images/workflows_reference.png" center>
 

src/guides/workflows_shell.md

@@ -44,15 +44,15 @@ View the [Passing Data Between Nodes](/guides/workflows_references.md) guide to
 
 ## Testing/Debugging Shell Node Workflows
 
-To test the execution and debug your Shell node commands/scripts before using workflows against targets, provide mock requests and responses in the editors, and click on the **click** on the <code><Icon icon="fas fa-play" /> Run</code> button.
+To test the execution and debug your Shell node commands/scripts before using workflows against targets, provide mock requests and responses in the editors, and **click** on the <code><Icon icon="fas fa-play" /> Run</code> button.
 
 ::: tip
 Monitor the [logs](/guides/logs_viewing.md) when debugging.
 :::
 
 <img alt="The test environment." src="/_images/workflows_shell_testing.png" center>
 
-The details of each run will be listed in the `View` drop-down menu. To view the execution details of the Shell node, click on the **click** on its associated <code><Icon icon="fas fa-circle-info" /></code> button.
+The details of each run will be listed in the `View` drop-down menu. To view the execution details of the Shell node, **click** on its associated <code><Icon icon="fas fa-circle-info" /></code> button.
 
 <img alt="The test environment run details." src="/_images/workflows_shell_run_details.png" center>
 

src/guides/zeroomega.md

@@ -8,7 +8,7 @@ The ZeroOmega browser extension gives you the ability to quickly enable/disable
 
 ## Chrome
 
-To install the browser extension, launch the Chrome browser, navigate to [https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped](https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped), and click on the `Add to Chrome` button.
+To install the browser extension, launch the Chrome browser, navigate to [https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped](https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped), and **click** on the `Add to Chrome` button.
 
 In the pop-up window, **click** on the `Add extension` button.
 
@@ -20,7 +20,7 @@ Then, [continue to the configuration instructions](#configuring-zeroomega).
 
 ## Firefox
 
-To install the browser extension, launch the Firefox browser, navigate to [https://addons.mozilla.org/en-US/firefox/addon/zeroomega/](https://addons.mozilla.org/en-US/firefox/addon/zeroomega/), and click on the `Add to Firefox` button.
+To install the browser extension, launch the Firefox browser, navigate to [https://addons.mozilla.org/en-US/firefox/addon/zeroomega/](https://addons.mozilla.org/en-US/firefox/addon/zeroomega/), and **click** on the `Add to Firefox` button.
 
 In the pop-up window, select `Allow extension to run in private windows`, and then **click** on the `Add` button.
 

src/quickstart/filters.md

@@ -15,6 +15,7 @@ The `Filters` interface gives you the ability to define which requests or respon
 
 ::: tip HOW-TO GUIDES
 
+- [Writing HTTPQL Queries](/guides/filters_httpql.md)
 - [Defining a Filter](/guides/filters_defining.md)
 - [Applying a Filter](/guides/filters_applying.md)
 :::

src/quickstart/match_replace.md

@@ -15,6 +15,7 @@ The `Match & Replace` interface gives you the ability to create rules that will
 
 ::: tip HOW-TO GUIDES
 
+- [Selecting a Traffic Source](/guides/match_replace_sources.md)
 - [Adding a Header](/guides/match_replace_header.md)
 - [Using Capturing Groups](/guides/match_replace_capturing.md)
 - [Encoding Body Data](/guides/match_replace_encoding.md)

src/quickstart/plugins.md

@@ -13,9 +13,17 @@ The `Plugins` interface allows you to install and manage plugin packages in Caid
 </div>
 :::
 
-::: tip HOW-TO GUIDE
+::: tip HOW-TO GUIDES
 
 - [Installing Plugins](/guides/plugins_installing.md)
+- [Enabling/Disabling Plugins](/guides/plugins_managing.md)
+:::
+
+::: warning STEP-BY-STEP TUTORIALS
+
+- [Autorize](/tutorials/autorize.md)
+- [Scanner](/tutorials/scanner.md)
+- [Shift](/tutorials/shift.md)
 :::
 
 <img alt="The Plugins interface." src="/_images/plugins_interface.png" center>

src/quickstart/workflows.md

@@ -18,6 +18,8 @@ Within the `Workflows` interface, you can construct multi-step processes to exec
 - [Creating Workflows](/guides/workflows_creating.md)
 - [Creating Findings](/guides/workflows_findings.md)
 - [Passing Data Between Nodes](/guides/workflows_references.md)
+- [Using the JavaScript Node](/guides/workflows_javascript.md)
+- [Using the Shell Node](/guides/workflows_shell.md)
 :::
 
 ::: warning STEP-BY-STEP TUTORIALS

src/reference/workflow_data_types.md

@@ -13,7 +13,7 @@ When referencing a node's data for use in another, the types must be compatible
 Data can be shared across nodes as long as the types are `Exact` (expected) or are `Compatible` based on the following conversions:
 
 ::: tip
-You can view the data type by clicking on a node and viewing the value within the parenthesis. This will be above the reference data drop-down menu.
+You can view the data type by **clicking** on a node and viewing the value within the parenthesis. This will be above the reference data drop-down menu.
 <img alt="Node reference drop-down menu." src="/_images/node_reference_selection.png" center no-shadow/>
 :::
 

src/troubleshooting/report_bug.md

@@ -72,11 +72,11 @@ In order to assist you, it is **critical** that you provide a detailed timeline
 
 To reproduce the bug, follow these steps:
 
-1. In the `Intercept` interface, click on the `Response` button.
+1. In the `Intercept` interface, **click** on the `Response` button.
 2. Begin intercepting responses, by **clicking** on the <code><Icon icon="fas fa-angles-right" /> Forwarding</code> button to toggle it to <code><Icon icon="fas fa-pause" /> Queuing</code>.
 3. In a terminal, execute `curl -x 127.0.0.1:8080 https://example.com`.
 4. Modify status code of the intercepted response.
-5. Click the `Forward` button.
+5. **Click** the `Forward` button.
 6. Confirm in terminal that the response was not modified.
 :::
 

src/tutorials/add_header.md

@@ -8,7 +8,7 @@ In this tutorial, we will create a passive workflow that will add a header to an
 
 ## Creating a Passive Workflow
 
-To begin, navigate to the Workflows interface, select the `Passive` tab, and click the `+ New workflow` button.
+To begin, navigate to the Workflows interface, select the `Passive` tab, and **click** the `+ New workflow` button.
 
 <img alt="Creating a new passive workflow." src="/_images/new_passive_workflow.png" center>
 

src/tutorials/android_configuration.md

@@ -46,7 +46,7 @@ For both physical and virtual devices:
 
 <img alt="Android proxy settings." src="/_images/android_proxy_config.png" center no-shadow width="300"/>
 
-4. Click `Save` to set the proxy configurations.
+4. **Click** `Save` to set the proxy configurations.
 
 ### Port Forwarding
 
@@ -68,7 +68,7 @@ Clients maintain two certificate stores:
 To proxy the HTTPS traffic that the device's mobile browser generates:
 
 1. With Caido running, navigate to [http://127.0.0.1:8080/ca.crt](http://127.0.0.1:8080/ca.crt) in your device's browser to download Caido's CA certificate.
-2. In the device's settings, search for and select `Install a certificate`, select `CA certificate`, click `INSTALL ANYWAY` on the warning screen to continue, and then select Caido's certificate.
+2. In the device's settings, search for and select `Install a certificate`, select `CA certificate`, **click** `INSTALL ANYWAY` on the warning screen to continue, and then select Caido's certificate.
 
 You can also view the certificate addition in the device's interface. Navigate to your device's settings and search for and select `Trusted credentials`. In the `USER` tab, it will be included in the list.
 

src/tutorials/autorize.md

@@ -54,9 +54,9 @@ The mutation that will apply John's low-privilege session token to the high-priv
 To set the mutation for the low-privilege `Mutated` profile manually:
 
 1. Copy the value of John's session token from the `token` parameter in the response to the `/autorize.php?action=login` POST request or from the `Authorization` header of subsequent API calls.
-2. Navigate to the `Configuration` tab of the Autorize plugin interface, click on the `Mutations` tab, and select `Mutated` from the drop-down menu.
+2. Navigate to the `Configuration` tab of the Autorize plugin interface, **click** on the `Mutations` tab, and select `Mutated` from the drop-down menu.
 
-3. Next, select the `Header: Set` option from the `Add Mutation` drop-down menu, type in `Authorization` in the `Header name` input field, paste the token value into the `Value` input field, and click on the `+` button to update and save the configuration.
+3. Next, select the `Header: Set` option from the `Add Mutation` drop-down menu, type in `Authorization` in the `Header name` input field, paste the token value into the `Value` input field, and **click** on the `+` button to update and save the configuration.
 
 <img alt="The Header: Set mutation." src="/_images/autorize_mutation.png" center />
 

src/tutorials/aws_signature.md

@@ -14,7 +14,7 @@ A similar method can be used for other cloud providers as many follow the same s
 
 ## Creating a Convert Workflow
 
-To begin, navigate to the Workflows interface, select the `Convert` tab, and click the `+ New workflow` button.
+To begin, navigate to the Workflows interface, select the `Convert` tab, and **click** the `+ New workflow` button.
 
 <img alt="Creating a new convert workflow." src="/_images/new_convert_workflow.png" center>
 

src/tutorials/color_requests.md

@@ -8,7 +8,7 @@ In this tutorial, we will create a passive workflow that will color highlight in
 
 ## Creating a Passive Workflow
 
-To begin, navigate to the Workflows interface, select the `Passive` tab, and click the `+ New workflow` button.
+To begin, navigate to the Workflows interface, select the `Passive` tab, and **click** the `+ New workflow` button.
 
 <img alt="Creating a new passive workflow." src="/_images/new_passive_workflow.png" center>
 

src/tutorials/decode_jwt.md

@@ -8,7 +8,7 @@ In this tutorial, we will create a convert workflow that will decode a [JSON Web
 
 ## Creating a Convert Workflow
 
-To begin, navigate to the Workflows interface, select the `Convert` tab, and click the `+ New workflow` button.
+To begin, navigate to the Workflows interface, select the `Convert` tab, and **click** the `+ New workflow` button.
 
 <img alt="Creating a new convert workflow." src="/_images/new_convert_workflow.png" center>
 

src/tutorials/feature_flags.md

@@ -150,7 +150,7 @@ To display the administrative panel:
 1. Navigate to the Match & Replace interface and **click** on the `+ New Rule` button.
 
 ::: tip
-Click on the <code><Icon icon="fas fa-pencil" /></code> button to rename the rule to a name that quickly identifies the rule's purpose such as "Change Role: basic to admin".
+**Click** on the <code><Icon icon="fas fa-pencil" /></code> button to rename the rule to a name that quickly identifies the rule's purpose such as "Change Role: basic to admin".
 :::
 
 2. Select `Response Body` from the `Section` drop-down menu and `String` from the `Matcher` drop-down menu.