correct asset paths

Author: clkao

docs/demo.md

@@ -12,7 +12,7 @@ Try `Recce` without installing using this [online demo](https://pr1.cloud.datare
 The demo showcases a [pull request](https://github.com/DataRecce/jaffle_shop_duckdb/pull/1) that fixes the `customer_lifetime_value` calculation in dbt's Jaffle Shop project to only included completed orders.
 
 <figure markdown>
-  ![customers.sql](../assets/images/demo/clv-customers-model-fs8.png){: .shadow}
+  ![customers.sql](assets/images/demo/clv-customers-model-fs8.png){: .shadow}
   <figcaption>Jaffle Shop customers.sql</figcaption>
 </figure>
 
@@ -26,7 +26,7 @@ Some example validation checks you might create include:
 Run a [Value Diff](features/lineage.md#value-diff) to check the percentage match of the `customer_lifetime_value` column between production and the development branch.
 
 <figure markdown>
-  ![CLV Value Diff](../assets/images/demo/clv-value-diff-fs8.png)
+  ![CLV Value Diff](assets/images/demo/clv-value-diff-fs8.png)
   <figcaption>Value Diff - Customers Model</figcaption>
 </figure>
 
@@ -35,7 +35,7 @@ Run a [Value Diff](features/lineage.md#value-diff) to check the percentage match
 Check the [Profile Diff](features/lineage.md#profile-diff) of the customers table to see how the `customer_lifetime_value` has been impacted.
 
 <figure markdown>
-  ![CLV Profile Diff](../assets/images/demo/clv-profile-diff-fs8.png)
+  ![CLV Profile Diff](assets/images/demo/clv-profile-diff-fs8.png)
   <figcaption>Profile Diff - Customers Model</figcaption>
 </figure>
 
@@ -48,7 +48,7 @@ select customer_id, customer_lifetime_value from {{ ref("customers") }} where cu
 ```
 
 <figure markdown>
-  ![CLV Query Diff](../assets/images/demo/clv-query-diff-fs8.png)
+  ![CLV Query Diff](assets/images/demo/clv-query-diff-fs8.png)
   <figcaption>Query Diff - Customers Model</figcaption>
 </figure>
 

docs/features/breaking-change-analysis.md

@@ -27,18 +27,18 @@ All modified models display their change category directly on the node. Addition
 
 === "Disabled"
 
-    ![Breaking Change Analysis (disabled)](../../assets/images/features/breaking-change-disabled.png){: .shadow}
+    ![Breaking Change Analysis (disabled)](../assets/images/features/breaking-change-disabled.png){: .shadow}
 
 === "Enabled"
 
-    ![Breaking Change Analysis](../../assets/images/features/breaking-change.png){: .shadow}
+    ![Breaking Change Analysis](../assets/images/features/breaking-change.png){: .shadow}
 
 
 ## Column-Level Lineage
 
 In models classified as **non-breaking** or **partial breaking** -  added, removed, or modified columns will be listed. Click on a column to open its [Column-Level Lineage](./column-level-lineage.md)
 
-![Column-level lineage](../../assets/images/features/breaking-change-lineage.png){: .shadow}
+![Column-level lineage](../assets/images/features/breaking-change-lineage.png){: .shadow}
 
 ## Limitations
 

docs/features/checklist.md

@@ -10,6 +10,6 @@ Save your validation checks to the Recce checklist with a description of your fi
 These checks can later be added to your pull request comment as proof-of-correctness for your modeling changes.
 
 <figure markdown>
-  ![Recce Checklist](../../assets/images/features/checklist.png)
+  ![Recce Checklist](../assets/images/features/checklist.png)
   <figcaption>Checklist</figcaption>
 </figure>

docs/features/column-level-lineage.md

@@ -15,11 +15,11 @@ Common use-cases for column-level lineage are
 
 1. Select a node in the lineage DAG, then click the **eye** icon next to the column you want to view.
 
-    ![alt text](../../assets/images/features/cll-1.png){: .shadow}
+    ![alt text](../assets/images/features/cll-1.png){: .shadow}
 
 1. The column-level lineage for the selected column will be displayed.
 
-    ![alt text](../../assets/images/features/cll-2.png){: .shadow}
+    ![alt text](../assets/images/features/cll-2.png){: .shadow}
 
 ## Transformation Types
 

docs/features/lineage.md

@@ -11,13 +11,13 @@ It's from the Lineage Diff that you will determine which models to investigate f
 
 
 <figure markdown>
-  ![Recce Lineage Diff](../../assets/images/features/lineage-diff.gif){: .shadow}
+  ![Recce Lineage Diff](../assets/images/features/lineage-diff.gif){: .shadow}
   <figcaption>Lineage Diff</figcaption>
 </figure>
 
 
 ### Node Summary
-![](../../assets/images/features/node.png){: .shadow}
+![](../assets/images/features/node.png){: .shadow}
 
 Models are color-coded to indicate their **status**:
 
@@ -28,14 +28,14 @@ Models are color-coded to indicate their **status**:
 The two icons at the bottom right of each node indicate if a `row count` or `schema` change has been detected. Grayed out icons indicate no change.
 
 <figure markdown>
-  ![Model with Schema Change detected](../../assets/images/features/model-schema-change-detected.png){: .shadow}
+  ![Model with Schema Change detected](../assets/images/features/model-schema-change-detected.png){: .shadow}
   <figcaption>Model with Schema Change detected</figcaption>
 </figure>
 
 **Note**: A row count changed icon is only shown if there is row count diff executed on this node.
 
 <figure markdown>
-  ![Open node details panel](../../assets/images/features/node-details-panel.gif){: .shadow}
+  ![Open node details panel](../assets/images/features/node-details-panel.gif){: .shadow}
   <figcaption>Open the node details panel</figcaption>
 </figure>
 
@@ -59,7 +59,7 @@ Click a node to select it, or click the  **Select nodes** button at the top-righ
 
 A row count diff can be performed on nodes selected using the `select` and `exclude` options:
 
-![](../../assets/images/features/row-count-diff-selector.gif){: .shadow}
+![](../assets/images/features/row-count-diff-selector.gif){: .shadow}
 
 
 After selecting nodes, run the row count diff by:
@@ -81,13 +81,13 @@ Schema Diff shows added, removed, and renamed columns. Click a model in the Line
 
 
 <figure markdown>
-  ![Recce Schema Diff](../../assets/images/features/schema-diff.gif){: .shadow}
+  ![Recce Schema Diff](../assets/images/features/schema-diff.gif){: .shadow}
   <figcaption>Schema Diff</figcaption>
 </figure>
 
 
 <figure markdown>
-  ![Recce Schema Diff](../../assets/images/features/schema-diff.png)
+  ![Recce Schema Diff](../assets/images/features/schema-diff.png)
   <figcaption>Schema Diff showing renamed column</figcaption>
 </figure>
 
@@ -101,15 +101,15 @@ Row Count Diff shows the difference in row count between the base and current en
 3. Click `Row Count Diff`.
 
 <figure markdown>
-  ![Recce Row Count Diff - Single model](../../assets/images/features/row-count-diff-single.gif){: .shadow}
+  ![Recce Row Count Diff - Single model](../assets/images/features/row-count-diff-single.gif){: .shadow}
   <figcaption>Row Count Diff - Single model</figcaption>
 </figure>
 
 ### Code Diff
 
 Code Diff shows the model code that has changed for a particular model.
 
-![Code diff](../../assets/images/features/code-diff.png)
+![Code diff](../assets/images/features/code-diff.png)
 
 1. Click the model in the Lineage DAG.
 2. Click the `Explore Change` button in the node details panel.
@@ -123,7 +123,7 @@ The primary key is automatically inferred by the first column with the [unique](
 
 
 <figure markdown>
-  ![Recce Value Diff](../../assets/images/features/value-diff.png)
+  ![Recce Value Diff](../assets/images/features/value-diff.png)
   <figcaption>Value Diff</figcaption>
 </figure>
 
@@ -145,7 +145,7 @@ The primary key is automatically inferred by the first column with the [unique](
 
 View mismatched values at the row level by clicking the `show mismatched values` option on a column name:
 
-![](../../assets/images/features/value-diff-detail.gif){: .shadow}
+![](../assets/images/features/value-diff-detail.gif){: .shadow}
 
 ### Profile Diff
 
@@ -157,7 +157,7 @@ Profile Diff compares the basic statistic (e.g. count, distinct count, min, max,
 
 
 <figure markdown>
-  ![Recce Profile Diff](../../assets/images/features/profile-diff.png)
+  ![Recce Profile Diff](../assets/images/features/profile-diff.png)
   <figcaption>Profile Diff</figcaption>
 </figure>
 
@@ -177,7 +177,7 @@ Please refer to the [dbt-profiler](https://hub.getdbt.com/data-mie/dbt_profiler/
 Histogram Diff compares the distribution of a numeric column in an overlay histogram chart.   
 
 <figure markdown>
-  ![Recce Histogram Diff](../../assets/images/features/histogram-diff.png)
+  ![Recce Histogram Diff](../assets/images/features/histogram-diff.png)
   <figcaption>Histogram Diff</figcaption>
 </figure>
 
@@ -201,7 +201,7 @@ A Histogram Diff can be generated in two ways.
 
 
 <figure markdown>
-  ![Generate a Recce Histogram Diff ](../../assets/images/features/histogram-diff.gif){: .shadow}
+  ![Generate a Recce Histogram Diff ](../assets/images/features/histogram-diff.gif){: .shadow}
   <figcaption>Generate a Recce Histogram Diff from the column options</figcaption>
 </figure>
 
@@ -211,7 +211,7 @@ A Histogram Diff can be generated in two ways.
 Top-K Diff compares the distribution of a categorical column. The top 10 elements are shown by default, which can be expanded to the top 50 elements.
 
 <figure markdown>
-  ![Recce Top-K Diff](../../assets/images/features/top-k-diff.png)
+  ![Recce Top-K Diff](../assets/images/features/top-k-diff.png)
   <figcaption>Recce Top-K Diff</figcaption>
 </figure>
 
@@ -236,7 +236,7 @@ A Top-K Diff can be generated in two ways.
 
 
 <figure markdown>
-  ![Generate a Recce Top-K Diff ](../../assets/images/features/top-k-diff.gif){: .shadow}
+  ![Generate a Recce Top-K Diff ](../assets/images/features/top-k-diff.gif){: .shadow}
   <figcaption>Generate a Recce Top-K Diff </figcaption>
 </figure>
 
@@ -251,7 +251,7 @@ Multiple nodes can be selected in the Lineage DAG. This enables actions to be pe
 To select multiple nodes individually, click the check box on the nodes you wish to select.
 
 <figure markdown>
-  ![Select multiple nodes individually](../../assets/images/features/multi-node-selection.gif){: .shadow}
+  ![Select multiple nodes individually](../assets/images/features/multi-node-selection.gif){: .shadow}
   <figcaption>Select multiple nodes individually</figcaption>
 </figure>
 
@@ -264,7 +264,7 @@ To select a node and all of its parents or children:
 3. Click to select either parent or child nodes.
 
 <figure markdown>
-  ![Select a node and its parents or children](../../assets/images/features/select-node-children.gif){: .shadow}
+  ![Select a node and its parents or children](../assets/images/features/select-node-children.gif){: .shadow}
   <figcaption>Select a node and its parents or children</figcaption>
 </figure>
 
@@ -273,7 +273,7 @@ To select a node and all of its parents or children:
 After selecting the desired nodes, use the Actions menu at the top right of the screen to perform diffs or add checks.
 
 <figure markdown>
-  ![Perform actions on multiple nodes](../../assets/images/features/actions-menu.png){: .shadow}
+  ![Perform actions on multiple nodes](../assets/images/features/actions-menu.png){: .shadow}
   <figcaption>Perform actions on multiple nodes</figcaption>
 </figure>
 
@@ -282,7 +282,7 @@ After selecting the desired nodes, use the Actions menu at the top right of the
 An example of selecting multiple nodes to perform a multi-node row count diff:
 
 <figure markdown>
-  ![Perform a Row Count Diff on multiple nodes](../../assets/images/features/multi-node-row-count-diff.gif){: .shadow}
+  ![Perform a Row Count Diff on multiple nodes](../assets/images/features/multi-node-row-count-diff.gif){: .shadow}
   <figcaption>Perform a Row Count Diff on multiple nodes</figcaption>
 </figure>
 
@@ -291,7 +291,7 @@ An example of selecting multiple nodes to perform a multi-node row count diff:
 An example of selecting multiple nodes to perform a multi-node Value Diff:
 
 <figure markdown>
-  ![Perform a Value Diff on multiple nodes](../../assets/images/features/multi-node-value-diff.gif){: .shadow}
+  ![Perform a Value Diff on multiple nodes](../assets/images/features/multi-node-value-diff.gif){: .shadow}
   <figcaption>Perform a Value Diff on multiple nodes</figcaption>
 </figure>
 
@@ -302,7 +302,7 @@ An example of selecting multiple nodes to perform a multi-node Value Diff:
 In the diff result, we can find a **Copy to Clipboard** button. it's a handy feature to copy the result image to clipboard and paste in your PR comment.
 
 <figure markdown>
-  ![Copy a diff screenshot to the clipboard - Multiple models](../../assets/images/features/clipboard-to-github.gif){: .shadow}
+  ![Copy a diff screenshot to the clipboard - Multiple models](../assets/images/features/clipboard-to-github.gif){: .shadow}
   <figcaption>Copy a diff result screenshot to the clipboard and paste to GitHub</figcaption>
 </figure>
 
@@ -326,7 +326,7 @@ From the Lineage DAG, click the Actions dropdown menu and click Lineage Diff or
 - Schema Diff: A diff of all nodes if none are selected, or specific <a href="#multi-node-selection">selected nodes</a>.
 
 <figure markdown>
-  ![Add a Lineage Diff Check or Schema Check via the Actions dropdown menu](../../assets/images/features/actions-dropdown.png){: .shadow}
+  ![Add a Lineage Diff Check or Schema Check via the Actions dropdown menu](../assets/images/features/actions-dropdown.png){: .shadow}
   <figcaption>Add a Lineage Diff Check or Schema Check via the Actions dropdown menu</figcaption>
 </figure>
 
@@ -335,14 +335,14 @@ From the Lineage DAG, click the Actions dropdown menu and click Lineage Diff or
 For the majority of diffs, which are performed via the Explore Change dropdown menu, the Check can be added by clicking the Add to Checklist button in the results panel:
 
 <figure markdown>
-  ![Add a Check by clicking the Add to Checklist button in the diff results panel](../../assets/images/features/add-to-checklist-button.png){: .shadow}
+  ![Add a Check by clicking the Add to Checklist button in the diff results panel](../assets/images/features/add-to-checklist-button.png){: .shadow}
   <figcaption>Add a Check by clicking the Add to Checklist button in the diff results panel</figcaption>
 </figure>
 
 
 An example performing a Top-K diff and adding the results to the Checklist:
 
 <figure markdown>
-  ![Example adding a Top-K Diff to the Checklist](../../assets/images/features/add-to-checklist.gif){: .shadow}
+  ![Example adding a Top-K Diff to the Checklist](../assets/images/features/add-to-checklist.gif){: .shadow}
   <figcaption>Example adding a Top-K Diff to the Checklist</figcaption>
 </figure>

docs/features/node-selection.md

@@ -35,7 +35,7 @@ In addition to lineage diff, other types of diff also support node selection. Yo
 - Row count diff
 - Schema diff
 
-![](../../assets/images/features/node-selection.png){: .shadow}
+![](../assets/images/features/node-selection.png){: .shadow}
 
 ## Limitation
 

docs/features/preset-checks.md

@@ -13,10 +13,10 @@ Preset checks can be the fixed checks that are generated every time a new Recce
 To configure the preset checks, add the settings to the [recce config file](../reference/configuration.md).
 
 1. Add a check to your checklist
-    ![alt text](../../assets/images/features/preset-checks-prep.png){: .shadow}
+    ![alt text](../assets/images/features/preset-checks-prep.png){: .shadow}
 2. Open the menu for the check and select **Get Preset Check Template**.
 3. Copy the yaml config from the dialog
-    ![alt text](../../assets/images/features/preset-checks-template.png){: .shadow}
+    ![alt text](../assets/images/features/preset-checks-template.png){: .shadow}
 
 4. Paste the config into the `recce.yml` file located at the root of the project:
 
@@ -42,7 +42,7 @@ To configure the preset checks, add the settings to the [recce config file](../r
 ### Recce Server
 
 1. When a new Recce instance is launched, all preset checks are automatically set up, but these checks are not executed at this time.
-    ![alt text](../../assets/images/features/preset-checks.png){: .shadow}
+    ![alt text](../assets/images/features/preset-checks.png){: .shadow}
 2. When the **Run Query** button is pressed, the check will be executed.
 
 ### Recce Run

docs/features/query.md

@@ -24,15 +24,15 @@ select * from {{ ref("mymodel") }}
 
     If the primary key(s) is specified, the query will occur in the warehouse; otherwise, the query will happen across two environments and the comparison will take place on the client side.
 
-![Recce Query Diff](../../assets/images/features/query-diff.png)
+![Recce Query Diff](../assets/images/features/query-diff.png)
 
 !!! tip
 
     In Mac, you can use `⌘ Enter` to run a query or use `⌘ ⇧ Enter` to run a query diff.
 
 ## Query Result
 
-![Recce Query Diff](../../assets/images/features/query-diff.gif){: .shadow}
+![Recce Query Diff](../assets/images/features/query-diff.gif){: .shadow}
 
 - **Primary Key:** When comparison occurs on the client side, we can select the primary key by clicking the `key` icon. The primary key columns are used to be identified as the same record for both sides. If no primary key is specified, the records is compared by the row's index.
 - **Pinned Column:** The pinned column would show first in the column list.

docs/features/state-file.md

@@ -19,7 +19,7 @@ There are multiple ways to save the state file.
 1. **Save from the Web UI**: Click the **Save** button at the top of the app. Recce will continuously write updates to the state file, effectively working like an auto-save feature, and persist the state until the Recce instance is closed. The file is saved with the specified filename in the directory where the recce server command is run.
 
 1. **Export from the Web UI**: Click the **Export** button located in the top-right corner to download the current Recce state to any location on your machine.
-   ![](../../assets/images/features/state-file-save.png){: .shadow}
+   ![](../assets/images/features/state-file-save.png){: .shadow}
 
 1. **Start Recce from a State File**: You can provide a state file as an argument when launching Recce. If the file does not exist, Recce will create a state file and start with an empty state. If the file exists, Recce will load the state and continue working from it.
    ```
@@ -68,7 +68,7 @@ Common development workflow:
     recce server recce_issue_1.json
     ```
 
-![State File For Development](../../assets/images/features/state-file-dev.png)
+![State File For Development](../assets/images/features/state-file-dev.png)
 
 ## Scenario: PR Review
 
@@ -87,7 +87,7 @@ During the PR review process, the state file serves as a communication medium be
     recce server --review recce_issue_1.json
     ```
 
-![State File For PR Review](../../assets/images/features/state-file-pr.png)
+![State File For PR Review](../assets/images/features/state-file-pr.png)
 
 ## Recce Cloud
 

docs/get-started-jaffle-shop.md

@@ -66,13 +66,13 @@ icon: material/school
    recce server
    ```
    Open the link http://0.0.0.0:8000, you can see the lineage diff
-   ![](../assets/images/jaffle-shop/jaffle_shop_lineage.png)
+   ![](assets/images/jaffle-shop/jaffle_shop_lineage.png)
 1. Switch to the **Query** tab, run this query
    ```sql
    select * from {{ ref("orders") }} order by 1
    ```
    Click the `Run Diff` or press `Cmd + Shift + Enter`
    Click on the 🔑 icon next to the `order_id` column to compare records that are uniquely identified by their `order_id`.
-   ![](../assets/images/jaffle-shop/jaffle_shop_query.png)
+   ![](assets/images/jaffle-shop/jaffle_shop_query.png)
 1. Click the `+` to add the query result to checklist
-   ![](../assets/images/jaffle-shop/jaffle_shop_check.png)
+   ![](assets/images/jaffle-shop/jaffle_shop_check.png)