diff --git a/templates/ai-web-vanilla/package-lock.json b/templates/ai-web-vanilla/package-lock.json
index 166665e..f885175 100644
--- a/templates/ai-web-vanilla/package-lock.json
+++ b/templates/ai-web-vanilla/package-lock.json
@@ -8,12 +8,21 @@
       "name": "ai-web-vanilla",
       "version": "1.0.0",
       "dependencies": {
-        "@interopio/ai-web": "^1.1.2",
+        "@interopio/ai-web": "^1.2.2",
         "@interopio/browser": "^4.5.0",
         "@interopio/workspaces-api": "^4.5.0",
         "vite": "^8.2.0"
       }
     },
+    "node_modules/@ag-ui/core": {
+      "version": "0.0.52",
+      "resolved": "https://registry.npmjs.org/@ag-ui/core/-/core-0.0.52.tgz",
+      "integrity": "sha512-Xo0bUaNV56EqylzcrAuhUkQX7et7+SZIrqZZtEByGwEq/I1EHny6ZMkWHLkKR7UNi0FJZwJyhKYmKJS3B2SEgA==",
+      "peer": true,
+      "dependencies": {
+        "zod": "^3.22.4"
+      }
+    },
     "node_modules/@emnapi/core": {
       "version": "2.0.0-alpha.3",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-2.0.0-alpha.3.tgz",
@@ -46,9 +55,9 @@
       }
     },
     "node_modules/@hono/node-server": {
-      "version": "2.0.12",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-2.0.12.tgz",
-      "integrity": "sha512-eWpQYr67tqJLeaSUl0Q+TquuYfUdTibpOJlUMV2FfUP7+KqCC5TufnwnlXL6mobZBJbGAYRd7ZvEBDCbLInjhg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-2.1.1.tgz",
+      "integrity": "sha512-ELuehkj5VCBdgEw9zs+ivkKwyzzUCSQuE96YmiPvn1ECBoZCczbFXJLeEGMTYjphP6gydh4pHMqEYPVMYUVgQg==",
       "license": "MIT",
       "engines": {
         "node": ">=20"
@@ -58,15 +67,16 @@
       }
     },
     "node_modules/@interopio/ai-web": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.1.2.tgz",
-      "integrity": "sha512-Y2CvegmCU6o0Jp0TWh3H+/VUe26EwKCDlpQ7VjdxXXJM9QrMkFMFWDgDukFaRhGJzKPjBLgNc6yBEPxkHbPRvg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.2.2.tgz",
+      "integrity": "sha512-F8FNGeLgsk9Zpkze9mB9ssHgzQQPfyvB1D53ZlL8C3XM8i/j9C+jtgSx4bGbUe35EY4ktPNhnIf+lFYr+9gGlg==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/mcp-core": "^1.2.1",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/mcp-core": "^1.2.4",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -104,6 +114,16 @@
         }
       }
     },
+    "node_modules/@interopio/code-mode": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@interopio/code-mode/-/code-mode-0.0.2.tgz",
+      "integrity": "sha512-qwe8jByc4Z5huBJ1JddjvjpF1xmIDtko4zcuhuGTb2BeAZjRNR7N7+YzbM4YPfgWVORI9NA/hgPN9YGBynPJRA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/ai-code-mode": "0.3.7",
+        "zod": "^3.25.76"
+      }
+    },
     "node_modules/@interopio/core": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/@interopio/core/-/core-6.11.0.tgz",
@@ -228,14 +248,15 @@
       }
     },
     "node_modules/@interopio/mcp-core": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.1.tgz",
-      "integrity": "sha512-6ECVIgyeaB/y00ptlrhT4VatqMKAmeHLTZP6kj8PmUjkKXOaC5/WPrJqGf5meyr6n03IiyFLOp84PB6p8yljbA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.4.tgz",
+      "integrity": "sha512-03UGOM+UaQLGizU9letXKude10IPrSVykuqqJsv3CCdw3GUpSKPhiw08pkIkCaCMeT+fZQ0a7icfph76XHD4FQ==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -301,9 +322,9 @@
       }
     },
     "node_modules/@interopio/working-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.1.tgz",
-      "integrity": "sha512-Vbb4SXxkxHc5VBsh06EvUDCt53frDi5Au13xQjSHjN8eUYvdPOJovsGOrvQgy7xdyQr6p7kdAxP2M92eSb2Pbg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.2.tgz",
+      "integrity": "sha512-BtOvk5J0lwBMo7hVNVGX0NJqowr+zZM3WBq5C4V1ro68HUf7ShF8ZpF23ywwT/dX4BNOZHPWNFwJgivxQLsdOA==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
@@ -316,6 +337,41 @@
       "integrity": "sha512-K0idRFVG5J8mfB4SvMh7vCJptw7uwWUFaaLwNCZmKMWAXGr6TiZ4jKN9nca+7+JFzIOXH1zGqdjABMb+EgAwqA==",
       "license": "MIT"
     },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
     "node_modules/@modelcontextprotocol/sdk": {
       "version": "1.30.0",
       "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.30.0.tgz",
@@ -952,9 +1008,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -971,9 +1024,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -990,9 +1040,6 @@
       "cpu": [
         "ppc64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1009,9 +1056,6 @@
       "cpu": [
         "s390x"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1028,9 +1072,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1047,9 +1088,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1128,6 +1166,104 @@
       "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
       "license": "MIT"
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@tanstack/ai": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai/-/ai-0.41.0.tgz",
+      "integrity": "sha512-cq6ye9/rTfcwBDv9z2t1iCUIXL+lGdtM2HZm/KiLu3u6i+MH57W7i4tbB5uTUtcCnDmOlQ7EHD97esyNJpGtNw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ag-ui/core": "^0.0.52",
+        "@standard-schema/spec": "^1.1.0",
+        "@tanstack/ai-event-client": "0.6.8",
+        "@tanstack/ai-utils": "0.3.1",
+        "partial-json": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.9.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tanstack/ai-code-mode": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-code-mode/-/ai-code-mode-0.3.7.tgz",
+      "integrity": "sha512-NbIdQfNfWwV095jon2YsV3GPtVXCD+fuNx/TSJOaCHvV4AnowPBtgoax0qhfco4E4xBGKDrfdWyIxFCD6n+Lzg==",
+      "license": "MIT",
+      "dependencies": {
+        "sucrase": "^3.35.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/ai": "0.41.0",
+        "zod": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/@tanstack/ai-event-client": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-event-client/-/ai-event-client-0.6.8.tgz",
+      "integrity": "sha512-h7/HLz9u2LF9ba6uKFMnSZkFlkzQONJ5u3Hi+4qGxpsHyvcGRtW6v186jaFLoklndhEwyC49ytkC4eafi7Qq8w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@tanstack/devtools-event-client": "^0.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/ai-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-utils/-/ai-utils-0.3.1.tgz",
+      "integrity": "sha512-fgbjd5DohL3k5rTWr/KInauLVYMiHVm0cnmTsNrzL3cr4wWhEld5vmFSrjiwUWACAuONjZa+uBXuS+ZSO8fwDQ==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/devtools-event-client": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@tanstack/devtools-event-client/-/devtools-event-client-0.4.4.tgz",
+      "integrity": "sha512-6T5Yop/793YI+H+5J8Hsyj4kCih9sl4t3ElLgKioW5hk3ocn+ZdSJ94tT7vL7uabxSugWYBZlOTMPzEw2puvQw==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "intent": "bin/intent.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tybys/wasm-util": {
       "version": "0.10.3",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
@@ -1215,6 +1351,12 @@
         "ajv": "^6.9.1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
     "node_modules/body-parser": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
@@ -1240,9 +1382,9 @@
       }
     },
     "node_modules/body-parser/node_modules/content-type": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz",
-      "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -1296,6 +1438,15 @@
       "integrity": "sha512-VVrtF21DaH0VHeNMkLDd4VGuxsYM3V3l3lwYneKVMU/6X3TRtcQszUwlAcqj2HrLcbP1NyS12LsanUwCykaz/Q==",
       "license": "ISC"
     },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
@@ -1504,9 +1655,9 @@
       }
     },
     "node_modules/eventsource-parser": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.0.tgz",
-      "integrity": "sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.1.tgz",
+      "integrity": "sha512-EKN1vKAMcZ8MlYMpaNuxN6R9yakzH6uajHcHVTqWJzvu5pWw9DyhbP35HH8MVBQ+dZjAfDxk+A8NiR9KWaXiyQ==",
       "license": "MIT",
       "engines": {
         "node": ">=18.0.0"
@@ -1556,9 +1707,9 @@
       }
     },
     "node_modules/express-rate-limit": {
-      "version": "8.6.1",
-      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.6.1.tgz",
-      "integrity": "sha512-0D493aP61w0TJ2A0wy27riRsO7FMQ7FK+KUHOKCSfPvYo0R55aiC6emCVgFUeShH0fq0ICPVzNcgoS+BsbXQCA==",
+      "version": "8.6.2",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.6.2.tgz",
+      "integrity": "sha512-YH4ru+eOJxQABscKFfRCy9R7x9QFGdezclVMwwgFFndzS2Xnm0uo6B0ABZsLhcpeptGv2qvuJVWlQr9gQZoC3A==",
       "license": "MIT",
       "dependencies": {
         "debug": "^4.4.3",
@@ -1587,9 +1738,9 @@
       "license": "MIT"
     },
     "node_modules/fast-uri": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.4.tgz",
-      "integrity": "sha512-8JnbkQ4juDyvYs4mgFGQqg4yCYtFDtUtmp2QIQq11ZZe5CFQ5wcqm1rqDgAh/QdMySuBnPzMUiJUNZG5N/AiQw==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.6.tgz",
+      "integrity": "sha512-7Ical1vFEMr0onbVzEDIreM22I4khW+fzyQPwvAFWBp1iwdshSZRsL4jjRvPG9JP1uiqMHRto+YU6R2/CzDz5Q==",
       "funding": [
         {
           "type": "github",
@@ -1781,9 +1932,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.32",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.32.tgz",
-      "integrity": "sha512-XcuyW9qE2kJn07PkecMOBd5Vq/hMy7mmGw+idz1yblbg9N17ijJODrvPkn7/dwL3Kulj8LcRJ69DLOWf91dRUg==",
+      "version": "4.13.4",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.4.tgz",
+      "integrity": "sha512-AGEwKIyRMHRv1t8Wjwa3LHxQ61X5CqrdFT+4BRNTpqS5aJNnpl5WLjADb7vFlJzI/8uK7T5QLVApCMQKNa3LgQ==",
       "license": "MIT",
       "engines": {
         "node": ">=16.9.0"
@@ -1832,9 +1983,9 @@
       "license": "ISC"
     },
     "node_modules/ip-address": {
-      "version": "10.3.1",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.3.1.tgz",
-      "integrity": "sha512-1e9d3kb97NHJTIJDZW9rKqW2h6+dFa50Dy0fpPSMQp2ADje5gvKsXmdiK6dwY5t76TaTt5+P5N1Y/LoToIxP6g==",
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.5.0.tgz",
+      "integrity": "sha512-R5SnVLJmgYYvf2F2ZgwSBnelz5G4q5AxIC277GDfUaNbrZKNANcBC7RHqYYePlszf4kBolVkJauG0ZjHHFh55g==",
       "license": "MIT",
       "engines": {
         "node": ">= 12"
@@ -1862,9 +2013,9 @@
       "license": "ISC"
     },
     "node_modules/jose": {
-      "version": "6.2.5",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.5.tgz",
-      "integrity": "sha512-2E5L2yRp03FnwreJLJX8/r7mHiZICCf8kG7fAsTWkSQTDAcc46NIZoQLKy+EJ8sPoJlxyS4OQR5H70LjIZZlIQ==",
+      "version": "6.2.10",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.10.tgz",
+      "integrity": "sha512-iiW7J9qRFlGxvCOIBDBDxFePQSn7ZMAnrYGhrrOo6siO/MIqwfyilLR27pkfDgUk+raLuzADS8A3S/KLBisc0g==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/panva"
@@ -2027,9 +2178,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2050,9 +2198,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2073,9 +2218,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2096,9 +2238,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2152,6 +2291,12 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
     "node_modules/lodash.clonedeep": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
@@ -2239,6 +2384,17 @@
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.16",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
@@ -2258,12 +2414,32 @@
       }
     },
     "node_modules/negotiator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
-      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.1.0.tgz",
+      "integrity": "sha512-NMPBRMJgiQHjbd8phG3Vebdx4kZ1H121rbl5IkMqeOsahptB9BKo/d7oJ3zTXqTgagn2bWlNSXkh0QUGM31RYg==",
       "license": "MIT",
+      "dependencies": {
+        "content-type": "^2.1.0"
+      },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/negotiator/node_modules/content-type": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/object-assign": {
@@ -2317,6 +2493,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/partial-json": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/partial-json/-/partial-json-0.1.7.tgz",
+      "integrity": "sha512-Njv/59hHaokb/hRUjce3Hdv12wd60MtM9Z5Olmn+nehe0QDAsRtRbJPvJ0Z91TusF0SuZRIvnM+S4l6EIP8leA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -2354,6 +2537,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/pkce-challenge": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
@@ -2703,6 +2895,49 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.17",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
@@ -2728,6 +2963,12 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -2754,9 +2995,9 @@
       }
     },
     "node_modules/type-is/node_modules/content-type": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz",
-      "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -2922,9 +3163,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
-      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
diff --git a/templates/ai-web-vanilla/package.json b/templates/ai-web-vanilla/package.json
index a25df2f..b1e5c24 100644
--- a/templates/ai-web-vanilla/package.json
+++ b/templates/ai-web-vanilla/package.json
@@ -7,7 +7,7 @@
     "start": "vite"
   },
   "dependencies": {
-    "@interopio/ai-web": "^1.1.2",
+    "@interopio/ai-web": "^1.2.2",
     "@interopio/browser": "^4.5.0",
     "@interopio/workspaces-api": "^4.5.0",
     "vite": "^8.2.0"
diff --git a/templates/io-assist-angular-editable/package-lock.json b/templates/io-assist-angular-editable/package-lock.json
index 7b0fcae..2d3a0fd 100644
--- a/templates/io-assist-angular-editable/package-lock.json
+++ b/templates/io-assist-angular-editable/package-lock.json
@@ -16,7 +16,7 @@
         "@angular/platform-browser": "^21.2.0",
         "@angular/router": "^21.2.0",
         "@fontsource-variable/inter": "^5.0.0",
-        "@interopio/ai-web": "^1.1.2",
+        "@interopio/ai-web": "^1.2.2",
         "@interopio/browser": "^4.5.0",
         "@interopio/desktop": "^6.21.0",
         "@interopio/ng": ">=6.0.1",
@@ -54,6 +54,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@ag-ui/core": {
+      "version": "0.0.52",
+      "resolved": "https://registry.npmjs.org/@ag-ui/core/-/core-0.0.52.tgz",
+      "integrity": "sha512-Xo0bUaNV56EqylzcrAuhUkQX7et7+SZIrqZZtEByGwEq/I1EHny6ZMkWHLkKR7UNi0FJZwJyhKYmKJS3B2SEgA==",
+      "peer": true,
+      "dependencies": {
+        "zod": "^3.22.4"
+      }
+    },
     "node_modules/@algolia/abtesting": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.14.1.tgz",
@@ -2050,15 +2059,16 @@
       }
     },
     "node_modules/@interopio/ai-web": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.1.2.tgz",
-      "integrity": "sha512-Y2CvegmCU6o0Jp0TWh3H+/VUe26EwKCDlpQ7VjdxXXJM9QrMkFMFWDgDukFaRhGJzKPjBLgNc6yBEPxkHbPRvg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.2.2.tgz",
+      "integrity": "sha512-F8FNGeLgsk9Zpkze9mB9ssHgzQQPfyvB1D53ZlL8C3XM8i/j9C+jtgSx4bGbUe35EY4ktPNhnIf+lFYr+9gGlg==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/mcp-core": "^1.2.1",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/mcp-core": "^1.2.4",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -2096,6 +2106,16 @@
         }
       }
     },
+    "node_modules/@interopio/code-mode": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@interopio/code-mode/-/code-mode-0.0.2.tgz",
+      "integrity": "sha512-qwe8jByc4Z5huBJ1JddjvjpF1xmIDtko4zcuhuGTb2BeAZjRNR7N7+YzbM4YPfgWVORI9NA/hgPN9YGBynPJRA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/ai-code-mode": "0.3.7",
+        "zod": "^3.25.76"
+      }
+    },
     "node_modules/@interopio/core": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/@interopio/core/-/core-6.11.0.tgz",
@@ -2220,14 +2240,15 @@
       }
     },
     "node_modules/@interopio/mcp-core": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.1.tgz",
-      "integrity": "sha512-6ECVIgyeaB/y00ptlrhT4VatqMKAmeHLTZP6kj8PmUjkKXOaC5/WPrJqGf5meyr6n03IiyFLOp84PB6p8yljbA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.4.tgz",
+      "integrity": "sha512-03UGOM+UaQLGizU9letXKude10IPrSVykuqqJsv3CCdw3GUpSKPhiw08pkIkCaCMeT+fZQ0a7icfph76XHD4FQ==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -2348,9 +2369,9 @@
       }
     },
     "node_modules/@interopio/working-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.1.tgz",
-      "integrity": "sha512-Vbb4SXxkxHc5VBsh06EvUDCt53frDi5Au13xQjSHjN8eUYvdPOJovsGOrvQgy7xdyQr6p7kdAxP2M92eSb2Pbg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.2.tgz",
+      "integrity": "sha512-BtOvk5J0lwBMo7hVNVGX0NJqowr+zZM3WBq5C4V1ro68HUf7ShF8ZpF23ywwT/dX4BNOZHPWNFwJgivxQLsdOA==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
@@ -2390,7 +2411,6 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -2412,7 +2432,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -2422,14 +2441,12 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -5003,6 +5020,97 @@
         "tailwindcss": "4.3.3"
       }
     },
+    "node_modules/@tanstack/ai": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai/-/ai-0.41.0.tgz",
+      "integrity": "sha512-cq6ye9/rTfcwBDv9z2t1iCUIXL+lGdtM2HZm/KiLu3u6i+MH57W7i4tbB5uTUtcCnDmOlQ7EHD97esyNJpGtNw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ag-ui/core": "^0.0.52",
+        "@standard-schema/spec": "^1.1.0",
+        "@tanstack/ai-event-client": "0.6.8",
+        "@tanstack/ai-utils": "0.3.1",
+        "partial-json": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.9.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tanstack/ai-code-mode": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-code-mode/-/ai-code-mode-0.3.7.tgz",
+      "integrity": "sha512-NbIdQfNfWwV095jon2YsV3GPtVXCD+fuNx/TSJOaCHvV4AnowPBtgoax0qhfco4E4xBGKDrfdWyIxFCD6n+Lzg==",
+      "license": "MIT",
+      "dependencies": {
+        "sucrase": "^3.35.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/ai": "0.41.0",
+        "zod": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/@tanstack/ai-event-client": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-event-client/-/ai-event-client-0.6.8.tgz",
+      "integrity": "sha512-h7/HLz9u2LF9ba6uKFMnSZkFlkzQONJ5u3Hi+4qGxpsHyvcGRtW6v186jaFLoklndhEwyC49ytkC4eafi7Qq8w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@tanstack/devtools-event-client": "^0.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/ai-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-utils/-/ai-utils-0.3.1.tgz",
+      "integrity": "sha512-fgbjd5DohL3k5rTWr/KInauLVYMiHVm0cnmTsNrzL3cr4wWhEld5vmFSrjiwUWACAuONjZa+uBXuS+ZSO8fwDQ==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/devtools-event-client": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@tanstack/devtools-event-client/-/devtools-event-client-0.4.4.tgz",
+      "integrity": "sha512-6T5Yop/793YI+H+5J8Hsyj4kCih9sl4t3ElLgKioW5hk3ocn+ZdSJ94tT7vL7uabxSugWYBZlOTMPzEw2puvQw==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "intent": "bin/intent.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tufjs/canonical-json": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
@@ -5367,6 +5475,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
     "node_modules/assertion-error": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -5833,6 +5947,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
@@ -6517,7 +6640,6 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -7494,6 +7616,12 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
     "node_modules/listr2": {
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.5.tgz",
@@ -8789,6 +8917,17 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.16",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
@@ -9276,6 +9415,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/partial-json": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/partial-json/-/partial-json-0.1.7.tgz",
+      "integrity": "sha512-Njv/59hHaokb/hRUjce3Hdv12wd60MtM9Z5Olmn+nehe0QDAsRtRbJPvJ0Z91TusF0SuZRIvnM+S4l6EIP8leA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -9340,7 +9486,6 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -9349,6 +9494,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/piscina": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.4.tgz",
@@ -10260,6 +10414,28 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -10315,6 +10491,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/tinybench": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
@@ -10336,7 +10533,6 @@
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
       "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -10424,6 +10620,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
diff --git a/templates/io-assist-angular-editable/package.json b/templates/io-assist-angular-editable/package.json
index f320ec9..a333aa9 100644
--- a/templates/io-assist-angular-editable/package.json
+++ b/templates/io-assist-angular-editable/package.json
@@ -19,11 +19,11 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@fontsource-variable/inter": "^5.0.0",
-    "@interopio/ai-web": "^1.1.2",
+    "@interopio/ai-web": "^1.2.2",
     "@interopio/browser": "^4.5.0",
     "@interopio/desktop": "^6.21.0",
     "@interopio/ng": ">=6.0.1",
-    "@interopio/working-context": "^1.1.1",
+    "@interopio/working-context": "^1.1.2",
     "@interopio/workspaces-api": "^4.5.0",
     "@ngrx/effects": ">=20.0.1",
     "@ngrx/store": ">=20.0.1",
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/header/header.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/header/header.component.html
index 6f365b5..64451ec 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/header/header.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/header/header.component.html
@@ -42,7 +42,7 @@
                 [ngClass]="{
                     'flex justify-center items-center px-2 py-[3.5px] border-[1px] rounded-[8px] text-text-default cursor-pointer': true,
                     'hover:text-text-states-hover hover:text-states-hover': true,
-                    'font-weight-400 text-[10px] leading-[13px]': true,
+                    'font-weight-350 text-[10px] leading-[13px]': true,
                 }"
                 (click)="handleWorkingContextPanelOpen()"
             >
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.html
index 947f507..de5bf40 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.html
@@ -2,26 +2,26 @@
     class="input-area-action-bar"
     data-testid="input-area-action-bar"
     [ngClass]="{
-        'flex flex-1 gap-0.5 items-center': true,
+        'flex flex-1 gap-1 items-center': true,
     }"
 >
     <app-icon
-        class="min-w-[32px]"
+        class="min-w-[24px]"
         data-testid="prompt-panel-button"
         [variant]="isPromptPanelDisplayed() ? APP_ICON_VARIANTS.PROMPT_PANEL_FILLED : APP_ICON_VARIANTS.PROMPT_PANEL"
         [hoverVariant]="APP_ICON_VARIANTS.PROMPT_PANEL_FILLED"
-        [size]="isPromptPanelDisplayed() ? APP_ICON_SIZES.XS : APP_ICON_SIZES.S"
-        [hoverBackgroundColor]="'app-icon-background-hover'"
+        [size]="APP_ICON_SIZES.XS"
+        [hoverBackgroundShape]="APP_ICON_BACKGROUND_SHAPES.ROUNDED_RECTANGLE"
         (onClick)="handlePromptPanelOverlayOpen()"
     >
     </app-icon>
     <app-icon
-        class="min-w-[32px]"
+        class="min-w-[24px]"
         data-testid="tool-panel-button"
         [variant]="isToolPanelDisplayed() ? APP_ICON_VARIANTS.TOOL_PANEL_FILLED : APP_ICON_VARIANTS.TOOL_PANEL"
         [hoverVariant]="APP_ICON_VARIANTS.TOOL_PANEL_FILLED"
-        [size]="isToolPanelDisplayed() ? APP_ICON_SIZES.XS : APP_ICON_SIZES.S"
-        [hoverBackgroundColor]="'app-icon-background-hover'"
+        [size]="APP_ICON_SIZES.XS"
+        [hoverBackgroundShape]="APP_ICON_BACKGROUND_SHAPES.ROUNDED_RECTANGLE"
         (onClick)="handleToolPanelOverlayOpen()"
     >
     </app-icon>
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.ts
index 6ff1b65..9ded234 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area-action-bar/input-area-action-bar.component.ts
@@ -2,7 +2,7 @@ import { CommonModule } from "@angular/common";
 import { Component, inject, WritableSignal } from "@angular/core";
 
 import { AppIconComponent } from "../../../shared/components/app-icon/app-icon.component";
-import { APP_ICON_SIZES, APP_ICON_VARIANTS } from "../../../shared/components/app-icon/enum";
+import { APP_ICON_SIZES, APP_ICON_VARIANTS, APP_ICON_BACKGROUND_SHAPES } from "../../../shared/components/app-icon/enum";
 import { AppSelectComponent } from "../../../shared/components/app-select/app-select.component";
 import { APP_SELECT_IDS } from "../../../shared/components/app-select/app-select.service";
 import { AppSelectOption } from "../../../shared/components/app-select/types";
@@ -40,6 +40,7 @@ export class InputAreaActionBarComponent {
     protected readonly UI_STRINGS = UI_STRINGS;
     protected readonly APP_ICON_VARIANTS = APP_ICON_VARIANTS;
     protected readonly APP_ICON_SIZES = APP_ICON_SIZES;
+    protected readonly APP_ICON_BACKGROUND_SHAPES = APP_ICON_BACKGROUND_SHAPES;
     protected readonly PERMISSION_OPTIONS = PERMISSION_OPTIONS;
     protected readonly APP_SELECT_IDS = APP_SELECT_IDS;
 
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area.component.html
index 2354077..4b5094c 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/input-area/input-area.component.html
@@ -28,7 +28,7 @@
                 <div
                     class="input-area__textarea-wrapper"
                     [ngClass]="{
-                        'flex gap-3 items-start px-2': true,
+                        'flex gap-3 items-start ps-[1px] pt-1': true,
                     }"
                 >
                     <textarea
@@ -38,8 +38,8 @@
                         class="input-area__textarea"
                         rows="1"
                         [ngClass]="{
-                            'flex-1 custom-scrollbar custom-scrollbar-snap-right text-text-default text-sm leading-4 h-auto min-h-[17px] max-h-[260px] resize-none border-none outline-none overflow-y-auto whitespace-pre-wrap': true,
-                            'placeholder:text-text-states-default': true,
+                            'flex-1 custom-scrollbar custom-scrollbar-snap-right text-input-text text-sm leading-4 h-auto min-h-[17px] max-h-[260px] resize-none border-none outline-none overflow-y-auto whitespace-pre-wrap': true,
+                            'placeholder:text-text-default hover:placeholder:text-text-states-active': true,
                             'hover:text-text-states-active': true,
                         }"
                         [value]="inputValue()"
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/assistant-message/assistant-message.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/assistant-message/assistant-message.component.html
index 6de435f..09ed390 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/assistant-message/assistant-message.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/assistant-message/assistant-message.component.html
@@ -4,7 +4,7 @@
     class="assistant-message"
     data-testid="assistant-message"
     [ngClass]="{
-        'flex flex-col flex-1 min-w-0 max-w-full self-stretch text-text-states-active font-weight-400 leading-[19px] safe-word-break': true,
+        'flex flex-col flex-1 min-w-0 max-w-full self-stretch text-text-states-active font-weight-350 leading-[19px] safe-word-break': true,
     }"
 >
     <app-md-formatter [content]="message().content ?? ''"></app-md-formatter>
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/user-message/user-message.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/user-message/user-message.component.html
index ba0bace..659a5b6 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/user-message/user-message.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/messages/user-message/user-message.component.html
@@ -29,7 +29,7 @@
             <div
                 class="user-message__bubble"
                 [ngClass]="{
-                    'p-4 list-none text-[14px] leading-[18px] font-weight-400 text-user-message-text bg-user-message-background rounded-2xl max-w-[620px]': true,
+                    'p-4 list-none text-[14px] leading-[18px] font-weight-350 text-user-message-text bg-user-message-background rounded-2xl max-w-[620px]': true,
                     'min-w-0 whitespace-pre-wrap break-words': true,
                 }"
             >
@@ -42,7 +42,7 @@
         <div
             class="user-message__error"
             [ngClass]="{
-                'flex justify-end py-1 text-text-default text-[13px] font-weight-400 leading-[100%]': true,
+                'flex justify-end py-1 text-text-default text-[13px] font-weight-350 leading-[100%]': true,
             }"
         >
             {{ error() }}
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/threads/thread-history/thread-history.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/threads/thread-history/thread-history.component.html
index 1c15490..433d05b 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/threads/thread-history/thread-history.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/threads/thread-history/thread-history.component.html
@@ -108,7 +108,7 @@
                 class="thread-history__user-avatar"
                 data-testid="thread-user-avatar"
                 [ngClass]="{
-                    'flex items-center justify-center w-6 h-6 rounded-full bg-app-accent-color-1 text-white text-neutrals-0 font-weight-600 text-[12px] flex-shrink-0': true,
+                    'flex items-center justify-center w-6 h-6 rounded-full bg-app-accent-color-1 text-white text-neutrals-0 font-weight-550 text-[12px] flex-shrink-0': true,
                 }"
             >
                 {{ userInitial() }}
@@ -124,7 +124,7 @@
                 <span
                     data-testid="thread-user-name"
                     [ngClass]="{
-                        'text-text-default text-[12px] leading-[12px] font-weight-400 truncate': true,
+                        'text-text-default text-[12px] leading-[12px] font-weight-350 truncate': true,
                     }"
                     [attr.title]="username()"
                 >
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/tool/tool-list-item/tool-info/tool-info.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/tool/tool-list-item/tool-info/tool-info.component.html
index e88e721..dd38030 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/components/tool/tool-list-item/tool-info/tool-info.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/components/tool/tool-list-item/tool-info/tool-info.component.html
@@ -1,6 +1,6 @@
 <div class="flex justify-center text-text-default leading-[17px] text-xs max-w-[320px]">
     <div>
-        <span class="text-text-states-active font-weight-600">Server name: </span>
+        <span class="text-text-states-active font-weight-550">Server name: </span>
         {{ tool().source.mcpName }}
     </div>
 </div>
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.config.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.config.ts
index c7ceccb..0910b90 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.config.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.config.ts
@@ -36,6 +36,7 @@ export type IoAssistStaticConfig = {
 export type AIWebConfig = {
     agentServer: Omit<IoAiWeb.WebConfig["agentServer"], "headers">;
     mcp?: IoAiWeb.WebConfig["mcp"];
+    codeMode?: IoAiWeb.WebConfig["codeMode"];
 };
 
 export const IO_ASSIST_CONFIG = new InjectionToken<IoAssistStaticConfig>("IO_ASSIST_CONFIG");
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.schema.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.schema.ts
index 6827e32..972b372 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.schema.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/io-assist.schema.ts
@@ -69,9 +69,16 @@ const AgentServerConfigSchema = z.object({
  */
 const IOConnectNgSettingsSchema = z.record(z.string(), z.any());
 
+// Validation of the inner config is handled by the code mode lib itself.
+const CodeModeConfigSchema = z.object({
+    factory: z.function().args(z.any()).returns(z.promise(z.any())).describe("A factory function to create the code mode API instance."),
+    config: z.any().describe("Configuration object for the code mode factory."),
+}) as ZodType<IoAiWeb.CodeModeConfig>;
+
 const AIWebConfigSchema = z.object({
     agentServer: AgentServerConfigSchema,
     mcp: MCPConfigSchema.optional(),
+    codeMode: CodeModeConfigSchema.optional(),
 }) as ZodType<AIWebConfig>;
 
 /**
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/app-icon.component.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/app-icon.component.ts
index 7708ebd..f96ce65 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/app-icon.component.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/app-icon.component.ts
@@ -76,9 +76,9 @@ import { isInlineSvg, shouldRenderAsImage, stripSvgAttributes, validateIconResou
  * Available Inputs:
  * @input variant - Required. Icon type from APP_ICON_VARIANTS enum
  * @input size - Icon size from APP_ICON_SIZES or custom px value (default: XS)
- * @input iconFill - Fill color for normal state (default: app-text-default)
- * @input disabledIconFill - Fill color when disabled (default: app-text-states-disabled)
- * @input hoverIconFill - Fill color on hover (default: app-text-states-hover)
+ * @input iconFill - Fill color for normal state (default: app-icon-default)
+ * @input disabledIconFill - Fill color when disabled (default: app-icon-disabled)
+ * @input hoverIconFill - Fill color on hover (default: app-icon-hover)
  * @input hoverVariant - Alternative icon variant to render on hover (optional). When provided,
  *     swaps the entire SVG to this variant while hovered. Ideal for paired outline/filled icons
  *     (e.g., PROMPT_PANEL → PROMPT_PANEL_FILLED on hover). Takes precedence over hoverIconFilled.
@@ -118,6 +118,8 @@ import { isInlineSvg, shouldRenderAsImage, stripSvgAttributes, validateIconResou
         "(keydown)": "handleKeyDown($event)",
         "(mouseenter)": "onMouseEnter()",
         "(mouseleave)": "onMouseLeave()",
+        "(focus)": "onFocus()",
+        "(blur)": "onBlur()",
         "[attr.title]": "getTitle()",
         "[attr.tabindex]": "tabIndex()",
         "[attr.data-testid]": "dataTestId() || null",
@@ -172,12 +174,17 @@ export class AppIconComponent implements OnInit {
     private readonly _effectService: EffectService = inject(EffectService);
 
     public isHostHoveredSignal: WritableSignal<boolean> = signal(false);
+    public isFocused: WritableSignal<boolean> = signal(false);
 
     protected isHovered: Signal<boolean> = computed<boolean>(() => {
         // Use external hover if provided, otherwise internal signal
         return this.isHoveredExternal() !== null ? !!this.isHoveredExternal() : this.isHostHoveredSignal();
     });
 
+    protected isActiveState: Signal<boolean> = computed<boolean>(() => {
+        return this.isHovered() || this.isFocused();
+    });
+
     protected hasCustomIcon: Signal<boolean> = computed(() => {
         const icon = this.customIcon();
         if (!icon) {
@@ -258,10 +265,19 @@ export class AppIconComponent implements OnInit {
     });
 
     protected hostClasses: Signal<string> = computed<string>(() => {
+        const shape: string = this.hoverBackgroundShape() as string;
+
+        const shapeClassMap: Record<string, string> = {
+            [APP_ICON_BACKGROUND_SHAPES.CIRCLE]: 'rounded-full',
+            [APP_ICON_BACKGROUND_SHAPES.ROUNDED_RECTANGLE]: 'rounded-[8px]',
+            [APP_ICON_BACKGROUND_SHAPES.RECTANGLE]: '',
+        };
+
         const classListArray: string[] = [
             "flex items-center justify-center",
+            "transition-colors duration-200 ease-in-out",
             this.isDisabled() ? "cursor-not-allowed" : "cursor-pointer",
-            this.hoverBackgroundShape() === APP_ICON_BACKGROUND_SHAPES.CIRCLE ? "rounded-full" : "",
+            shapeClassMap[shape] ?? "",
         ];
 
         return classListArray.filter((c) => c !== "").join(" ");
@@ -289,7 +305,7 @@ export class AppIconComponent implements OnInit {
 
         const dynamicFill: string = this.isDisabled() ? this.trimPrefix(this.disabledIconFill()) : this.trimPrefix(this.iconFill());
 
-        const staticFill: string = this.isDisabled() ? "var(--app-text-states-disabled)" : "var(--app-text-default)";
+        const staticFill: string = this.isDisabled() ? "var(--app-icon-disabled)" : "var(--app-icon-default)";
 
         const fillValue: string = dynamicFill ? `var(--${dynamicFill})` : staticFill;
 
@@ -318,13 +334,13 @@ export class AppIconComponent implements OnInit {
 
         if (this.isDisabled()) {
             const dynamicFill = this.trimPrefix(this.disabledIconFill());
-            fillValue = dynamicFill ? `var(--${dynamicFill})` : "var(--app-text-states-disabled)";
-        } else if (this.isHovered()) {
+            fillValue = dynamicFill ? `var(--${dynamicFill})` : "var(--app-icon-disabled)";
+        } else if (this.isActiveState()) {
             const hoverFill = this.trimPrefix(this.hoverIconFill());
-            fillValue = hoverFill ? `var(--${hoverFill})` : "var(--app-text-states-hover)";
+            fillValue = hoverFill ? `var(--${hoverFill})` : "var(--app-icon-hover)";
         } else {
             const dynamicFill = this.trimPrefix(this.iconFill());
-            fillValue = dynamicFill ? `var(--${dynamicFill})` : "var(--app-text-default)";
+            fillValue = dynamicFill ? `var(--${dynamicFill})` : "var(--app-icon-default)";
         }
 
         // Apply the icon as a mask and use background-color for the actual color
@@ -344,13 +360,19 @@ export class AppIconComponent implements OnInit {
      * PROMPT_PANEL_FILLED).
      */
     protected iconSvgContent: Signal<SafeHtml> = computed(() => {
-        const activeVariant = this.isHovered() && this.hoverVariant() ? this.hoverVariant() : this.variant();
+        const activeVariant = this.isActiveState() && this.hoverVariant() ? this.hoverVariant() : this.variant();
 
         const svgString = this._iconList.find((icon: AppIcon) => icon.name === activeVariant)?.svgPath || this._defaultIcon.svgPath;
 
-        // Replace all fill attributes with an invalid value so SVG elements inherit
-        // the fill color cascaded via CSS from the parent container div
-        let processed = svgString.replace(/fill="[^"]*"/g, 'fill="defaultColor"');
+        // Strip any fill attribute from the root <svg> tag unconditionally (it's only ever
+        // used as a default/reset, e.g. fill="none", and must not affect inheritance below)
+        let processed = svgString.replace(/^(\s*<svg\b[^>]*?)\s+fill="[^"]*"/, '$1');
+
+        // Replace remaining fill attributes (on child elements) with an invalid value so
+        // SVG elements inherit the fill color cascaded via CSS from the parent container
+        // div. fill="none" is preserved since it intentionally leaves stroke-only shapes
+        // unfilled (e.g. the reload icon's ring).
+        processed = processed.replace(/fill="(?!none")[^"]*"/g, 'fill="defaultColor"');
 
         // Strip width/height so we can set explicit dimensions
         processed = processed.replace(/width="[^"]*"/g, "").replace(/height="[^"]*"/g, "");
@@ -378,11 +400,21 @@ export class AppIconComponent implements OnInit {
         this.isHostHoveredSignal.set(false);
     }
 
+    protected onFocus(): void {
+        if (this.isDisabled()) return;
+
+        this.isFocused.set(true);
+    }
+
+    protected onBlur(): void {
+        this.isFocused.set(false);
+    }
+
     private applyIconHoverStyles(): void {
         if (!this.iconDivRef) return;
 
         const hoverFill = this.trimPrefix(this.hoverIconFill());
-        const fillValue = hoverFill ? `var(--${hoverFill})` : "var(--app-text-states-hover)";
+        const fillValue = hoverFill ? `var(--${hoverFill})` : "var(--app-icon-hover)";
 
         // Set both fill (for SVG attributes) and color (for currentColor)
         this.iconDivRef.nativeElement.style.fill = fillValue;
@@ -394,7 +426,7 @@ export class AppIconComponent implements OnInit {
 
         const dynamicFill: string = this.isDisabled() ? this.trimPrefix(this.disabledIconFill()) : this.trimPrefix(this.iconFill());
 
-        const staticFill: string = this.isDisabled() ? "var(--app-text-states-disabled)" : "var(--app-text-default)";
+        const staticFill: string = this.isDisabled() ? "var(--app-icon-disabled)" : "var(--app-icon-default)";
 
         const fillValue: string = dynamicFill ? `var(--${dynamicFill})` : staticFill;
 
@@ -408,7 +440,7 @@ export class AppIconComponent implements OnInit {
         const widthClass = typeof sizeValue === "string" ? parseInt(sizeValue.replace("px", ""), 10) : sizeValue;
         const heightClass = widthClass;
 
-        return `w-[${widthClass}px] h-[${heightClass}px]`;
+        return `w-[${widthClass}px] h-[${heightClass}px] transition-colors duration-200 ease-in-out`;
     }
 
     protected sizeAsNumber(): number {
@@ -458,7 +490,7 @@ export class AppIconComponent implements OnInit {
         this._effectService.registerEffect("AppIcon.toggleHoverStylesEffect", () => {
             if (this.isDisabled()) return;
 
-            if (this.isHovered()) {
+            if (this.isActiveState()) {
                 this.applyIconHoverStyles();
 
                 return;
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/enum.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/enum.ts
index 7ecb49f..1c6433f 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/enum.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/enum.ts
@@ -44,5 +44,6 @@ export enum APP_ICON_VARIANTS {
 
 export enum APP_ICON_BACKGROUND_SHAPES {
     RECTANGLE = "rectangle",
+    ROUNDED_RECTANGLE = "rounded-rectangle",
     CIRCLE = "circle",
 }
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/icons.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/icons.ts
index 02fe32c..4b49147 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/icons.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-icon/icons.ts
@@ -54,16 +54,16 @@ export const iconList: AppIcon[] = [
     {
         title: "Tool Panel",
         name: APP_ICON_VARIANTS.TOOL_PANEL,
-        svgPath: `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.5625 0H1.6875C1.99219 0 2.25 0.257812 2.25 0.5625V1.6875C2.25 2.01562 1.99219 2.25 1.6875 2.25H0.5625C0.234375 2.25 0 2.01562 0 1.6875V0.5625C0 0.257812 0.234375 0 0.5625 0ZM4.125 0.375H10.875C11.2734 0.375 11.625 0.726562 11.625 1.125C11.625 1.54688 11.2734 1.875 10.875 1.875H4.125C3.70312 1.875 3.375 1.54688 3.375 1.125C3.375 0.726562 3.70312 0.375 4.125 0.375ZM4.125 4.125H10.875C11.2734 4.125 11.625 4.47656 11.625 4.875C11.625 5.29688 11.2734 5.625 10.875 5.625H4.125C3.70312 5.625 3.375 5.29688 3.375 4.875C3.375 4.47656 3.70312 4.125 4.125 4.125ZM4.125 7.875H10.875C11.2734 7.875 11.625 8.22656 11.625 8.625C11.625 9.04688 11.2734 9.375 10.875 9.375H4.125C3.70312 9.375 3.375 9.04688 3.375 8.625C3.375 8.22656 3.70312 7.875 4.125 7.875ZM0 4.3125C0 4.00781 0.234375 3.75 0.5625 3.75H1.6875C1.99219 3.75 2.25 4.00781 2.25 4.3125V5.4375C2.25 5.76562 1.99219 6 1.6875 6H0.5625C0.234375 6 0 5.76562 0 5.4375V4.3125ZM0.5625 7.5H1.6875C1.99219 7.5 2.25 7.75781 2.25 8.0625V9.1875C2.25 9.51562 1.99219 9.75 1.6875 9.75H0.5625C0.234375 9.75 0 9.51562 0 9.1875V8.0625C0 7.75781 0.234375 7.5 0.5625 7.5Z" fill="#CACCCE"/>
+        svgPath: `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.48734 0.219759C5.18344 -0.302855 7.10737 0.106413 8.4512 1.45023C9.73675 2.73577 10.1638 4.55147 9.74124 6.19144L11.2119 7.66312C12.1685 8.61969 12.1694 10.1705 11.2129 11.127L11.127 11.2129C10.1705 12.1694 8.61969 12.1685 7.66312 11.2119L6.19144 9.74124C4.55147 10.1638 2.73577 9.73675 1.45023 8.4512C0.106413 7.10737 -0.302855 5.18344 0.219759 3.48734L0.259798 3.39847C0.310728 3.31696 0.392632 3.25717 0.488313 3.23343C0.615822 3.20193 0.750896 3.23918 0.843782 3.33206L3.23148 5.72074C3.44256 5.9318 3.78439 5.9313 3.99515 5.72074L5.72074 3.99515C5.9313 3.78439 5.9318 3.44256 5.72074 3.23148L3.33206 0.843782C3.23918 0.750896 3.20193 0.615822 3.23343 0.488314C3.2651 0.360696 3.36168 0.258487 3.48734 0.219759ZM7.92093 1.98148C6.94638 1.00693 5.6119 0.611733 4.34476 0.794954L6.25101 2.7012C6.75475 3.20496 6.75469 4.02155 6.25101 4.52542L4.52542 6.25101C4.02155 6.7547 3.20496 6.75475 2.7012 6.25101L0.794954 4.34476C0.611733 5.6119 1.00693 6.94638 1.98148 7.92093C3.12119 9.06029 4.7526 9.40886 6.19339 8.96488C6.32612 8.92397 6.47111 8.95952 6.56937 9.05765L8.19339 10.6817C8.85728 11.3456 9.93337 11.346 10.5967 10.6826L10.6826 10.5967C11.346 9.93337 11.3456 8.85729 10.6817 8.19339L9.05765 6.56937C8.95952 6.47111 8.92397 6.32612 8.96488 6.19339C9.40886 4.75261 9.06029 3.12119 7.92093 1.98148Z" fill="#CACCCE"/>
 </svg>
 `,
     },
     {
         title: "Tool Panel",
         name: APP_ICON_VARIANTS.TOOL_PANEL_FILLED,
-        svgPath: `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.421875 0H1.26562C1.49414 0 1.6875 0.193359 1.6875 0.421875V1.26562C1.6875 1.51172 1.49414 1.6875 1.26562 1.6875H0.421875C0.175781 1.6875 0 1.51172 0 1.26562V0.421875C0 0.193359 0.175781 0 0.421875 0ZM3.09375 0.28125H8.15625C8.45508 0.28125 8.71875 0.544922 8.71875 0.84375C8.71875 1.16016 8.45508 1.40625 8.15625 1.40625H3.09375C2.77734 1.40625 2.53125 1.16016 2.53125 0.84375C2.53125 0.544922 2.77734 0.28125 3.09375 0.28125ZM3.09375 3.09375H8.15625C8.45508 3.09375 8.71875 3.35742 8.71875 3.65625C8.71875 3.97266 8.45508 4.21875 8.15625 4.21875H3.09375C2.77734 4.21875 2.53125 3.97266 2.53125 3.65625C2.53125 3.35742 2.77734 3.09375 3.09375 3.09375ZM3.09375 5.90625H8.15625C8.45508 5.90625 8.71875 6.16992 8.71875 6.46875C8.71875 6.78516 8.45508 7.03125 8.15625 7.03125H3.09375C2.77734 7.03125 2.53125 6.78516 2.53125 6.46875C2.53125 6.16992 2.77734 5.90625 3.09375 5.90625ZM0 3.23438C0 3.00586 0.175781 2.8125 0.421875 2.8125H1.26562C1.49414 2.8125 1.6875 3.00586 1.6875 3.23438V4.07812C1.6875 4.32422 1.49414 4.5 1.26562 4.5H0.421875C0.175781 4.5 0 4.32422 0 4.07812V3.23438ZM0.421875 5.625H1.26562C1.49414 5.625 1.6875 5.81836 1.6875 6.04688V6.89062C1.6875 7.13672 1.49414 7.3125 1.26562 7.3125H0.421875C0.175781 7.3125 0 7.13672 0 6.89062V6.04688C0 5.81836 0.175781 5.625 0.421875 5.625Z" fill="#EAEAEB"/>
+        svgPath: `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.48734 0.219759C5.18344 -0.302855 7.10737 0.106413 8.4512 1.45023C9.73675 2.73577 10.1638 4.55147 9.74124 6.19144L11.2119 7.66312C12.1685 8.61969 12.1694 10.1705 11.2129 11.127L11.127 11.2129C10.1705 12.1694 8.61969 12.1685 7.66312 11.2119L6.19144 9.74124C4.55147 10.1638 2.73577 9.73675 1.45023 8.4512C0.106413 7.10737 -0.302855 5.18344 0.219759 3.48734L0.259798 3.39847C0.310728 3.31696 0.392632 3.25717 0.488313 3.23343C0.615822 3.20193 0.750896 3.23918 0.843782 3.33206L3.23148 5.72074C3.44256 5.9318 3.78439 5.9313 3.99515 5.72074L5.72074 3.99515C5.9313 3.78439 5.9318 3.44256 5.72074 3.23148L3.33206 0.843782C3.23918 0.750896 3.20193 0.615822 3.23343 0.488314C3.2651 0.360696 3.36168 0.258487 3.48734 0.219759Z" fill="#EAEAEB"/>
 </svg>
 `,
     },
@@ -94,8 +94,8 @@ export const iconList: AppIcon[] = [
     {
         title: "Stop Generation",
         name: APP_ICON_VARIANTS.RECTANGLE,
-        svgPath: `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 2C0 0.90625 0.875 0 2 0H12C13.0938 0 14 0.90625 14 2V12C14 13.125 13.0938 14 12 14H2C0.875 14 0 13.125 0 12V2Z" fill="white"/>
+        svgPath: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4C2 2.90625 2.875 2 4 2H12C13.0938 2 14 2.90625 14 4V12C14 13.125 13.0938 14 12 14H4C2.875 14 2 13.125 2 12V4Z" fill="white"/>
 </svg>
 `,
     },
@@ -147,25 +147,21 @@ export const iconList: AppIcon[] = [
 `,
     },
     {
-        title: "RELOAD",
+        title: "Reload",
         name: APP_ICON_VARIANTS.RELOAD,
-        svgPath: `<svg
-  width="11"
-  height="12"
-  viewBox="0 0 11 12"
-  xmlns="http://www.w3.org/2000/svg"
->
+        svgPath: `<svg width="11" height="12" viewBox="0 0 11 12" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M10.3656 6.03241C10.3656 7.1881 9.96488 8.30803 9.23172 9.20139C8.49856 10.0948 7.47832 10.7063 6.34484 10.9317C5.21135 11.1572 4.03476 10.9827 3.01553 10.4379C1.99631 9.89308 1.19751 9.01175 0.755245 7.94403C0.312982 6.87631 0.254617 5.68828 0.590096 4.58235C0.925575 3.47643 1.63414 2.52104 2.59506 1.87897C3.55598 1.2369 4.7098 0.947886 5.85992 1.06116C7.01005 1.17444 8.08531 1.683 8.90251 2.5002"
-    style="fill:none;stroke:#CACCCE;stroke-width:0.75;stroke-linecap:round;"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="0.75"
+    stroke-linecap="round"
   />
-
   <path
     d="M9.05845 0.00464761C9.26269 -0.0296847 9.4561 0.108054 9.49043 0.312295L9.87697 2.99481C9.91113 3.19895 9.77347 3.39247 9.56932 3.42679L6.77589 3.89534C6.57191 3.92938 6.37835 3.79163 6.34391 3.58769C6.30961 3.3836 6.44757 3.19026 6.65156 3.15572L8.40297 2.86233C8.93244 2.75397 8.93469 2.76539 9.01928 2.71315L8.7535 2.41813C8.83017 2.3937 8.86374 2.31882 9.00217 2.315L8.75081 0.436623C8.7165 0.232531 8.85446 0.0391871 9.05845 0.00464761Z"
-    style="fill:#CACCCE;"
+    fill="currentColor"
   />
 </svg>
-
 `,
     },
     {
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-input/app-input.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-input/app-input.component.html
index 1fe9c06..4ec9a54 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-input/app-input.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-input/app-input.component.html
@@ -92,7 +92,7 @@
         <p
             class="app-input-error__text"
             [ngClass]="{
-                'flex-1 min-w-0 font-default font-weight-weight-400 text-input-error text-input-error-text leading-input-error tracking-input-error': true,
+                'flex-1 min-w-0 font-default font-weight-weight-350 text-input-error text-input-error-text leading-input-error tracking-input-error': true,
             }"
         >
             {{ error() }}
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-md-formatter/app-md-formatter.component.css b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-md-formatter/app-md-formatter.component.css
index 18777c3..5d751ea 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-md-formatter/app-md-formatter.component.css
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-md-formatter/app-md-formatter.component.css
@@ -33,8 +33,8 @@
 :host ::ng-deep remark-node h4,
 :host ::ng-deep remark-node h5,
 :host ::ng-deep remark-node h6 {
-    font-family: Inter, sans-serif;
-    font-weight: 500;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
+    font-weight: var(--app-font-weight-550);
     color: var(--color-text-states-active);
     margin-top: 20px;
     padding: 0;
@@ -49,11 +49,11 @@
 :host ::ng-deep remark-node h6 { font-size: 13px; line-height: 18px; }
 
 /* Body text — base span */
-:host ::ng-deep remark-node span:not(h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, a span, .io-assist-code-block__copy *) {
-    font-family: Inter, sans-serif;
+:host ::ng-deep remark-node span:not(th span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, a span, .io-assist-code-block__copy *) {
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
     font-style: normal;
-    font-weight: 400;
+    font-weight: var(--app-font-weight-350);
     line-height: 20px;
     color: var(--color-text-default);
 }
@@ -201,9 +201,9 @@
 
 :host ::ng-deep remark-node table thead th {
     padding: 12px 12px 12px 0;
-    font-family: Inter, sans-serif;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
-    font-weight: 500;
+    font-weight: var(--app-font-weight-550);
     line-height: 20px;
     color: var(--color-text-states-active);
     border-bottom: 2px solid var(--color-panel-border);
@@ -219,9 +219,9 @@
 
 :host ::ng-deep remark-node td {
     padding: 12px 12px 12px 0;
-    font-family: Inter, sans-serif;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
-    font-weight: 400;
+    font-weight: var(--app-font-weight-350);
     line-height: 20px;
     color: var(--color-text-default);
 }
@@ -235,10 +235,10 @@
 :host ::ng-deep remark-node ol {
     margin: 16px 0 8px 0;
     padding: 0;
-    font-family: Inter, sans-serif;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
     font-style: normal;
-    font-weight: 400;
+    font-weight: var(--app-font-weight-350);
     line-height: 20px;
     color: var(--color-text-default);
     list-style: none;
@@ -334,9 +334,9 @@
     position: absolute;
     left: 0;
     top: 6px;
-    font-family: Inter, sans-serif;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
-    font-weight: 600;
+    font-weight: var(--app-font-weight-550);
     line-height: 20px;
     color: var(--color-text-states-active);
 }
@@ -369,9 +369,9 @@
 
 :host ::ng-deep remark-node blockquote p,
 :host ::ng-deep remark-node blockquote span {
-    font-family: Inter, sans-serif;
+    font-family: 'Inter Variable', 'DM Sans', Arial, sans-serif;
     font-size: 14px;
-    font-weight: 400;
+    font-weight: var(--app-font-weight-350);
     line-height: 20px;
     color: var(--color-text-default, #caccce);
     padding: 0;
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-panel/app-panel.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-panel/app-panel.component.html
index f707c35..f6cbe3b 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-panel/app-panel.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-panel/app-panel.component.html
@@ -8,7 +8,7 @@
     <div
         class="app-panel__header"
         [ngClass]="{
-            'flex justify-end text-text-black-white text-xl font-weight-600 gap-2 flex-shrink-0 px-6 pt-6': true,
+            'flex justify-end text-text-black-white text-xl font-weight-550 gap-2 flex-shrink-0 px-6 pt-6': true,
         }"
     >
         @if (title()) {
@@ -75,7 +75,7 @@
             <div
                 class="app-panel__content"
                 [ngClass]="{
-                    'text-text-black-white font-weight-400 break-words w-full': true,
+                    'text-text-black-white font-weight-350 break-words w-full': true,
                 }"
             >
                 <ng-content select="[panel-content]"></ng-content>
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-tooltip/app-tooltip.component.html b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-tooltip/app-tooltip.component.html
index 37d016e..7deb57b 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-tooltip/app-tooltip.component.html
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/components/app-tooltip/app-tooltip.component.html
@@ -22,7 +22,7 @@
         [ngStyle]="{ left: coordinates().x + 'px', top: coordinates().y + 'px' }"
     >
         <div
-            class="relative flex flex-col items-start gap-1 px-[4px] py-[3px] rounded-[4px] border border-tooltip-border bg-tooltip-background text-tooltip-text text-[9px] font-weight-400 tracking-[0.09px] leading-[11px]"
+            class="relative flex flex-col items-start gap-1 px-[4px] py-[3px] rounded-[4px] border border-tooltip-border bg-tooltip-background text-tooltip-text text-[9px] font-weight-350 tracking-[0.09px] leading-[11px]"
         >
             <ng-content select="[tooltip-content]"></ng-content>
             <div
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/services/io-ai-web/io-ai-web.service.ts b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/services/io-ai-web/io-ai-web.service.ts
index 5d420c1..271a182 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/services/io-ai-web/io-ai-web.service.ts
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/services/io-ai-web/io-ai-web.service.ts
@@ -175,6 +175,10 @@ export class IOAiWebService {
             config.context = contextConfig;
         }
 
+        if (aiWebConfig.codeMode) {
+            config.codeMode = aiWebConfig.codeMode;
+        }
+
         return config;
     }
 
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_defaults.css b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_defaults.css
index 2c0d5e7..a037234 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_defaults.css
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_defaults.css
@@ -3,8 +3,8 @@
    make it clear that these are application specific variables.
 */
 @layer base {
-    html,
-    body {
+    io-assist {
+        display: block;
         margin: 0;
         padding: 0;
         width: 100%;
@@ -82,8 +82,9 @@
         /* ... */
 
         /* Text [Weights] */
-        --app-font-weight-400: 400;
-        --app-font-weight-600: 600;
+        --app-font-weight-250: 250;
+        --app-font-weight-350: 350;
+        --app-font-weight-550: 550;
 
         /* Text [Sizes] */
         /* ... */
@@ -114,9 +115,6 @@
         --app-button-border-default: var(--app-neutrals-500);
         --app-background-disabled: var(--app-neutrals-900);
         --app-text-disabled: var(--app-neutrals-600);
-        --app-icon-disabled: var(--app-neutrals-600);
-        --app-icon-background-hover: var(--app-neutrals-800);
-        --app-icon-background-disabled: var(--app-neutrals-700);
         --app-thread-list-item-hover-background: var(--app-neutrals-800);
         --app-text-black-white: var(--app-neutrals-0);
         --app-border-hover: var(--app-neutrals-600);
@@ -147,10 +145,17 @@
         --app-text-states-disabled: var(--app-neutrals-600);
         --app-text-states-hover: var(--app-neutrals-100);
         --app-text-states-active: var(--app-neutrals-0);
-        --app-text-default: var(--app-neutrals-300);
+        --app-text-default: var(--app-neutrals-200);
         --app-text-secondary: var(--app-neutrals-500);
         --app-text-error: var(--app-red-700);
 
+        /* Icon Colors */
+        --app-icon-default: var(--app-neutrals-200);
+        --app-icon-hover: var(--app-neutrals-0);
+        --app-icon-disabled: var(--app-neutrals-600);
+        --app-icon-background-hover: var(--app-neutrals-800);
+        --app-icon-background-disabled: var(--app-neutrals-700);
+
         /* Toggle Component */
         --app-toggle-background-disabled: var(--app-neutrals-750);
         --app-toggle-background-enabled: var(--app-blue-toggle);
@@ -181,9 +186,6 @@
         --app-button-border-default: var(--app-neutrals-200);
         --app-background-disabled: var(--app-neutrals-50);
         --app-text-disabled: var(--app-neutrals-400);
-        --app-icon-disabled: var(--app-neutrals-400);
-        --app-icon-background-hover: var(--app-neutrals-25);
-        --app-icon-background-disabled: var(--app-neutrals-100);
         --app-thread-list-item-hover-background: var(--app-neutrals-50);
         --app-text-black-white: var(--app-neutrals-1000);
         --app-border-hover: var(--app-neutrals-150);
@@ -212,12 +214,19 @@
 
         /* Text Colors */
         --app-text-states-disabled: var(--app-neutrals-400);
-        --app-text-states-hover: var(--app-neutrals-800);
+        --app-text-states-hover: var(--app-neutrals-900);
         --app-text-states-active: var(--app-neutrals-900);
-        --app-text-default: var(--app-neutrals-700);
+        --app-text-default: var(--app-neutrals-800);
         --app-text-secondary: var(--app-neutrals-500);
         --app-text-error: var(--app-red-700);
 
+        /* Icon Colors */
+        --app-icon-default: var(--app-neutrals-800);
+        --app-icon-hover: var(--app-neutrals-1000);
+        --app-icon-disabled: var(--app-neutrals-400);
+        --app-icon-background-hover: var(--app-neutrals-25);
+        --app-icon-background-disabled: var(--app-neutrals-100);
+
         /* Toggle Component */
         --app-toggle-background-disabled: var(--app-neutrals-200);
         --app-toggle-background-enabled: var(--app-blue-toggle);
diff --git a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_utils.css b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_utils.css
index 1b8ea9a..1dd5dbe 100644
--- a/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_utils.css
+++ b/templates/io-assist-angular-editable/src/app/io-assist/lib/shared/styles/_utils.css
@@ -1,4 +1,4 @@
-@import './_defaults.css';
+@import "./_defaults.css";
 
 /*
     Use this object to define variables that you need to get included
@@ -40,7 +40,7 @@
 
     /* Font */
     /* Font [Types] */
-    --font-default: 'Inter Variable', sans-serif;
+    --font-default: "Inter Variable", "DM Sans", Arial, sans-serif;
 
     /* Font [Colors] */
     --color-text-states-disabled: var(--app-text-states-disabled);
@@ -56,8 +56,9 @@
     --color-thread-list-item-hover-background: var(--app-thread-list-item-hover-background);
 
     /* Font [Weights] */
-    --font-weight-weight-400: var(--app-font-weight-400);
-    --font-weight-weight-600: var(--app-font-weight-600);
+    --font-weight-weight-250: var(--app-font-weight-250);
+    --font-weight-weight-350: var(--app-font-weight-350);
+    --font-weight-weight-550: var(--app-font-weight-550);
 
     /* Borders */
     /* Borders [Colors] */
@@ -150,7 +151,31 @@
     it in components that provide their own focus styling.
 */
 @layer base {
-    *:focus-visible:not(input):not(textarea):not(select) {
+    io-assist {
+        font-weight: var(--app-font-weight-350);
+    }
+
+    io-assist h1,
+    io-assist h2,
+    io-assist h3,
+    io-assist h4,
+    io-assist h5,
+    io-assist h6 {
+        font-weight: var(--app-font-weight-550);
+        color: var(--app-text-states-active);
+    }
+
+    io-assist b,
+    io-assist strong {
+        font-weight: var(--app-font-weight-550);
+    }
+
+    io-assist input,
+    io-assist textarea {
+        font-weight: var(--app-font-weight-350);
+    }
+
+    io-assist *:focus-visible:not(input):not(textarea):not(select) {
         outline: 2px solid var(--app-border-hover);
         outline-offset: -2px;
     }
diff --git a/templates/io-assist-angular-packaged/package-lock.json b/templates/io-assist-angular-packaged/package-lock.json
index 6301d7f..3211a58 100644
--- a/templates/io-assist-angular-packaged/package-lock.json
+++ b/templates/io-assist-angular-packaged/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "io-assist-angular",
+  "name": "io-assist-angular-packaged",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "io-assist-angular",
+      "name": "io-assist-angular-packaged",
       "version": "0.0.0",
       "dependencies": {
         "@angular/cdk": "^21.2.13",
@@ -16,7 +16,7 @@
         "@angular/platform-browser": "^21.2.0",
         "@angular/router": "^21.2.0",
         "@interopio/browser": "^4.5.0",
-        "@interopio/io-assist-ng": "^1.1.4",
+        "@interopio/io-assist-ng": "^1.2.2",
         "@interopio/workspaces-api": "^4.5.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0"
@@ -38,6 +38,25 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@ag-ui/core": {
+      "version": "0.0.52",
+      "resolved": "https://registry.npmjs.org/@ag-ui/core/-/core-0.0.52.tgz",
+      "integrity": "sha512-Xo0bUaNV56EqylzcrAuhUkQX7et7+SZIrqZZtEByGwEq/I1EHny6ZMkWHLkKR7UNi0FJZwJyhKYmKJS3B2SEgA==",
+      "peer": true,
+      "dependencies": {
+        "zod": "^3.22.4"
+      }
+    },
+    "node_modules/@ag-ui/core/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/@algolia/abtesting": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.14.1.tgz",
@@ -2014,15 +2033,16 @@
       }
     },
     "node_modules/@interopio/ai-web": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.1.2.tgz",
-      "integrity": "sha512-Y2CvegmCU6o0Jp0TWh3H+/VUe26EwKCDlpQ7VjdxXXJM9QrMkFMFWDgDukFaRhGJzKPjBLgNc6yBEPxkHbPRvg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@interopio/ai-web/-/ai-web-1.2.2.tgz",
+      "integrity": "sha512-F8FNGeLgsk9Zpkze9mB9ssHgzQQPfyvB1D53ZlL8C3XM8i/j9C+jtgSx4bGbUe35EY4ktPNhnIf+lFYr+9gGlg==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/mcp-core": "^1.2.1",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/mcp-core": "^1.2.4",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -2060,6 +2080,25 @@
         }
       }
     },
+    "node_modules/@interopio/code-mode": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@interopio/code-mode/-/code-mode-0.0.2.tgz",
+      "integrity": "sha512-qwe8jByc4Z5huBJ1JddjvjpF1xmIDtko4zcuhuGTb2BeAZjRNR7N7+YzbM4YPfgWVORI9NA/hgPN9YGBynPJRA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/ai-code-mode": "0.3.7",
+        "zod": "^3.25.76"
+      }
+    },
+    "node_modules/@interopio/code-mode/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/@interopio/core": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/@interopio/core/-/core-6.11.0.tgz",
@@ -2184,15 +2223,15 @@
       }
     },
     "node_modules/@interopio/io-assist-ng": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@interopio/io-assist-ng/-/io-assist-ng-1.1.4.tgz",
-      "integrity": "sha512-4Z3OcAq7INV/6pP2YhdADUpeysQ7vccJTGBV7IPmfRj/PE5uI4+ngslLMU5seSgWRrl6QClAWyFTxutL3G0iyg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@interopio/io-assist-ng/-/io-assist-ng-1.2.2.tgz",
+      "integrity": "sha512-hlxaa+/OLjQ9AKjEiShv173aFklwRqJu2mRo2t+H+UbhLvA5ZZWqcWWSRNMkXm+F7kEKmtcFLskahQuTnOn43w==",
       "license": "MIT",
       "dependencies": {
         "@fontsource-variable/inter": "^5.0.0",
-        "@interopio/ai-web": "^1.1.2",
+        "@interopio/ai-web": "^1.2.2",
         "@interopio/ng": ">=6.0.1",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/working-context": "^1.1.2",
         "@ngrx/effects": ">=20.0.1",
         "@ngrx/store": ">=20.0.1",
         "@ngrx/store-devtools": ">=20.0.1",
@@ -2222,14 +2261,15 @@
       }
     },
     "node_modules/@interopio/mcp-core": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.1.tgz",
-      "integrity": "sha512-6ECVIgyeaB/y00ptlrhT4VatqMKAmeHLTZP6kj8PmUjkKXOaC5/WPrJqGf5meyr6n03IiyFLOp84PB6p8yljbA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@interopio/mcp-core/-/mcp-core-1.2.4.tgz",
+      "integrity": "sha512-03UGOM+UaQLGizU9letXKude10IPrSVykuqqJsv3CCdw3GUpSKPhiw08pkIkCaCMeT+fZQ0a7icfph76XHD4FQ==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
+        "@interopio/code-mode": "^0.0.2",
         "@interopio/desktop": "^6.0.0",
-        "@interopio/working-context": "^1.1.1",
+        "@interopio/working-context": "^1.1.2",
         "@modelcontextprotocol/sdk": "^1.19.1"
       }
     },
@@ -2350,9 +2390,9 @@
       }
     },
     "node_modules/@interopio/working-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.1.tgz",
-      "integrity": "sha512-Vbb4SXxkxHc5VBsh06EvUDCt53frDi5Au13xQjSHjN8eUYvdPOJovsGOrvQgy7xdyQr6p7kdAxP2M92eSb2Pbg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@interopio/working-context/-/working-context-1.1.2.tgz",
+      "integrity": "sha512-BtOvk5J0lwBMo7hVNVGX0NJqowr+zZM3WBq5C4V1ro68HUf7ShF8ZpF23ywwT/dX4BNOZHPWNFwJgivxQLsdOA==",
       "license": "MIT",
       "dependencies": {
         "@interopio/browser": "^4.0.0",
@@ -2392,7 +2432,6 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -2414,7 +2453,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -2424,14 +2462,12 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -4734,6 +4770,97 @@
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
       "license": "MIT"
     },
+    "node_modules/@tanstack/ai": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai/-/ai-0.41.0.tgz",
+      "integrity": "sha512-cq6ye9/rTfcwBDv9z2t1iCUIXL+lGdtM2HZm/KiLu3u6i+MH57W7i4tbB5uTUtcCnDmOlQ7EHD97esyNJpGtNw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ag-ui/core": "^0.0.52",
+        "@standard-schema/spec": "^1.1.0",
+        "@tanstack/ai-event-client": "0.6.8",
+        "@tanstack/ai-utils": "0.3.1",
+        "partial-json": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.9.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tanstack/ai-code-mode": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-code-mode/-/ai-code-mode-0.3.7.tgz",
+      "integrity": "sha512-NbIdQfNfWwV095jon2YsV3GPtVXCD+fuNx/TSJOaCHvV4AnowPBtgoax0qhfco4E4xBGKDrfdWyIxFCD6n+Lzg==",
+      "license": "MIT",
+      "dependencies": {
+        "sucrase": "^3.35.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/ai": "0.41.0",
+        "zod": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/@tanstack/ai-event-client": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-event-client/-/ai-event-client-0.6.8.tgz",
+      "integrity": "sha512-h7/HLz9u2LF9ba6uKFMnSZkFlkzQONJ5u3Hi+4qGxpsHyvcGRtW6v186jaFLoklndhEwyC49ytkC4eafi7Qq8w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@tanstack/devtools-event-client": "^0.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/ai-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/ai-utils/-/ai-utils-0.3.1.tgz",
+      "integrity": "sha512-fgbjd5DohL3k5rTWr/KInauLVYMiHVm0cnmTsNrzL3cr4wWhEld5vmFSrjiwUWACAuONjZa+uBXuS+ZSO8fwDQ==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/devtools-event-client": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@tanstack/devtools-event-client/-/devtools-event-client-0.4.4.tgz",
+      "integrity": "sha512-6T5Yop/793YI+H+5J8Hsyj4kCih9sl4t3ElLgKioW5hk3ocn+ZdSJ94tT7vL7uabxSugWYBZlOTMPzEw2puvQw==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "intent": "bin/intent.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tufjs/canonical-json": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
@@ -5098,6 +5225,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
     "node_modules/assertion-error": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -5564,6 +5697,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
@@ -6235,7 +6377,6 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -6941,6 +7082,12 @@
       ],
       "license": "MIT"
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
     "node_modules/listr2": {
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.5.tgz",
@@ -8236,6 +8383,17 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.12",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
@@ -8723,6 +8881,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/partial-json": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/partial-json/-/partial-json-0.1.7.tgz",
+      "integrity": "sha512-Njv/59hHaokb/hRUjce3Hdv12wd60MtM9Z5Olmn+nehe0QDAsRtRbJPvJ0Z91TusF0SuZRIvnM+S4l6EIP8leA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -8787,7 +8952,6 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -8796,6 +8960,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/piscina": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.4.tgz",
@@ -9707,6 +9880,28 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -9741,6 +9936,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/tinybench": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
@@ -9762,7 +9978,6 @@
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
       "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -9850,6 +10065,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
diff --git a/templates/io-assist-angular-packaged/package.json b/templates/io-assist-angular-packaged/package.json
index 0c0d882..c7ba49a 100644
--- a/templates/io-assist-angular-packaged/package.json
+++ b/templates/io-assist-angular-packaged/package.json
@@ -19,7 +19,7 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@interopio/browser": "^4.5.0",
-    "@interopio/io-assist-ng": "^1.1.4",
+    "@interopio/io-assist-ng": "^1.2.2",
     "@interopio/workspaces-api": "^4.5.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"