Update the relative path of README.md in the angular sample apps.

.idx/dev.nix

@@ -0,0 +1,29 @@
+{ pkgs, ... }: {
+  env = {
+    PORT = "4200";
+  };
+
+# Enable previews and customize configuration
+  idx.previews = {
+    enable = true;
+    previews = {
+      # The following object sets web previews
+      web = {
+        command = [
+          "npm"
+          "start"
+          "--"
+          "orchestrator"
+          "--port"
+          "$PORT"
+          "--host"
+          "localhost"
+        ];
+        manager = "web";
+        cwd="samples/client/angular";
+        # Optionally, specify a directory that contains your web app
+        # cwd = "app/client";
+      };
+    };
+  };
+}

samples/client/angular/README.md

@@ -6,16 +6,16 @@ These are sample implementations of A2UI in Angular.
 
 1. [nodejs](https://nodejs.org/en)
 
-NOTE: [For the rizzcharts app](../../a2a_agents/python/adk/samples/rizzcharts/), you will need GoogleMap API ([How to get the API key](https://developers.google.com/maps/documentation/javascript/get-api-key)) to display Google Map custome components. Please refer to [Rizzcharts README](./rizzcharts/README.md)
+NOTE: [For the rizzcharts app](../../../a2a_agents/python/adk/samples/rizzcharts/), you will need GoogleMap API ([How to get the API key](https://developers.google.com/maps/documentation/javascript/get-api-key)) to display Google Map custome components. Please refer to [Rizzcharts README](./projects/rizzcharts/README.md)
 
 ## Running
 
 1. Build the shared dependencies by running `npm run build` in the `renderers/lit` directory
 2. Install the dependencies: `npm i`
 3. Run the relevant A2A server:
-  * [For the restaurant app](../../a2a_agents/python/adk/samples/restaurant_finder/)
-  * [For the contact app](../../a2a_agents/python/adk/samples/contact_lookup/)
-  * [For the rizzcharts app](../../a2a_agents/python/adk/samples/rizzcharts/)
+  * [For the restaurant app](../../../a2a_agents/python/adk/samples/restaurant_finder/)
+  * [For the contact app](../../../a2a_agents/python/adk/samples/contact_lookup/)
+  * [For the rizzcharts app](../../../a2a_agents/python/adk/samples/rizzcharts/)
 4. Run the relevant app:
   * `npm start -- restaurant`
   * `npm start -- contact`

samples/client/angular/projects/orchestrator/README.md

@@ -8,14 +8,14 @@ This angular app connects to an Orchastrator Agent which takes user messages and
 
 1. [nodejs](https://nodejs.org/en)
 2. GoogleMap API ([How to get the API key](https://developers.google.com/maps/documentation/javascript/get-api-key))
-3. An endpoint hosting all of the A2AService. ([Review the instructions on how to run Orchestrator A2AService connecting to multiple A2A/A2UI Agents](../../../a2a_agents/python/adk/samples/orchestrator/README.me).)
+3. An endpoint hosting all of the A2AService. ([Review the instructions on how to run Orchestrator A2AService connecting to multiple A2A/A2UI Agents](../../../../../a2a_agents/python/adk/samples/orchestrator/README.me).)
 
 ## Running
 
 1. Update the `src/environments/environment.ts` file with your Google Maps API key.
 2. Build the shared dependencies by running `npm run build` in the `renderers/lit` directory
 3. Install the dependencies: `npm i`
-4. Run the A2A server for all of the agents. ([Link to instructions](../../../a2a_agents/python/adk/samples/orchestrator/README.me))
+4. Run the A2A server for all of the agents. ([Link to instructions](../../../../../a2a_agents/python/adk/samples/orchestrator/README.me))
 5. Run the app:
 
 - `npm start -- orchestrator`

samples/client/angular/projects/rizzcharts/README.md

@@ -12,7 +12,7 @@ These are sample implementations of A2UI in Angular.
 1. Update the `src/environments/environment.ts` file with your Google Maps API key. 
 2. Build the shared dependencies by running `npm i`, then `npm run build` in the `renderers/lit` directory
 3. Install the dependencies: `npm i`
-4. Run the A2A server for the rizzcharts agent ((../../../a2a_agents/python/adk/samples/rizzcharts/))
+4. Run the A2A server for the [rizzcharts agent](../../../../../a2a_agents/python/adk/samples/rizzcharts/)
 5. Run the relevant app:
   * `npm start -- rizzcharts`
 6. Open http://localhost:4200/