@assistant-ui/react 0.7.89 → 0.7.91

package/dist/model-context/index.d.ts

@@ -14,5 +14,9 @@ ModelContext as AssistantConfig,
  */
 ModelContextProvider as AssistantConfigProvider, ModelContext, ModelContextProvider, Tool, } from "./ModelContextTypes";
 export { tool } from "./tool";
-export { makeAssistantReadable } from "./makeAssistantReadable";
+/**
+ * @deprecated This function was renamed to `makeAssistantVisible`.
+ */
+export { makeAssistantVisible as makeAssistantReadable } from "./makeAssistantVisible";
+export { makeAssistantVisible } from "./makeAssistantVisible";
 //# sourceMappingURL=index.d.ts.map

package/dist/model-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EACL,KAAK,eAAe,EACpB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY;AACV;;GAEG;AACH,YAAY,IAAI,eAAe;AAC/B;;GAEG;AACH,oBAAoB,IAAI,uBAAuB,EAC/C,YAAY,EACZ,oBAAoB,EACpB,IAAI,GACL,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EACL,KAAK,eAAe,EACpB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY;AACV;;GAEG;AACH,YAAY,IAAI,eAAe;AAC/B;;GAEG;AACH,oBAAoB,IAAI,uBAAuB,EAC/C,YAAY,EACZ,oBAAoB,EACpB,IAAI,GACL,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B;;GAEG;AACH,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/model-context/index.js

@@ -20,9 +20,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/model-context/index.ts
 var model_context_exports = {};
 __export(model_context_exports, {
-  makeAssistantReadable: () => import_makeAssistantReadable.makeAssistantReadable,
+  makeAssistantReadable: () => import_makeAssistantVisible.makeAssistantVisible,
   makeAssistantTool: () => import_makeAssistantTool.makeAssistantTool,
   makeAssistantToolUI: () => import_makeAssistantToolUI.makeAssistantToolUI,
+  makeAssistantVisible: () => import_makeAssistantVisible2.makeAssistantVisible,
   tool: () => import_tool.tool,
   useAssistantInstructions: () => import_useAssistantInstructions.useAssistantInstructions,
   useAssistantTool: () => import_useAssistantTool.useAssistantTool,
@@ -37,12 +38,14 @@ var import_useAssistantTool = require("./useAssistantTool.js");
 var import_useAssistantToolUI = require("./useAssistantToolUI.js");
 var import_useInlineRender = require("./useInlineRender.js");
 var import_tool = require("./tool.js");
-var import_makeAssistantReadable = require("./makeAssistantReadable.js");
+var import_makeAssistantVisible = require("./makeAssistantVisible.js");
+var import_makeAssistantVisible2 = require("./makeAssistantVisible.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   makeAssistantReadable,
   makeAssistantTool,
   makeAssistantToolUI,
+  makeAssistantVisible,
   tool,
   useAssistantInstructions,
   useAssistantTool,

package/dist/model-context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model-context/index.ts"],"sourcesContent":["export { makeAssistantTool, type AssistantTool } from \"./makeAssistantTool\";\nexport {\n  type AssistantToolUI,\n  makeAssistantToolUI,\n} from \"./makeAssistantToolUI\";\nexport { useAssistantInstructions } from \"./useAssistantInstructions\";\nexport { useAssistantTool, type AssistantToolProps } from \"./useAssistantTool\";\nexport {\n  useAssistantToolUI,\n  type AssistantToolUIProps,\n} from \"./useAssistantToolUI\";\nexport { useInlineRender } from \"./useInlineRender\";\n\nexport type {\n  /**\n   * @deprecated This type was renamed to `ModelContext`.\n   */\n  ModelContext as AssistantConfig,\n  /**\n   * @deprecated This type was renamed to `ModelContextProvider`.\n   */\n  ModelContextProvider as AssistantConfigProvider,\n  ModelContext,\n  ModelContextProvider,\n  Tool,\n} from \"./ModelContextTypes\";\n\nexport { tool } from \"./tool\";\nexport { makeAssistantReadable } from \"./makeAssistantReadable\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAsD;AACtD,iCAGO;AACP,sCAAyC;AACzC,8BAA0D;AAC1D,gCAGO;AACP,6BAAgC;AAgBhC,kBAAqB;AACrB,mCAAsC;","names":[]}
+{"version":3,"sources":["../../src/model-context/index.ts"],"sourcesContent":["export { makeAssistantTool, type AssistantTool } from \"./makeAssistantTool\";\nexport {\n  type AssistantToolUI,\n  makeAssistantToolUI,\n} from \"./makeAssistantToolUI\";\nexport { useAssistantInstructions } from \"./useAssistantInstructions\";\nexport { useAssistantTool, type AssistantToolProps } from \"./useAssistantTool\";\nexport {\n  useAssistantToolUI,\n  type AssistantToolUIProps,\n} from \"./useAssistantToolUI\";\nexport { useInlineRender } from \"./useInlineRender\";\n\nexport type {\n  /**\n   * @deprecated This type was renamed to `ModelContext`.\n   */\n  ModelContext as AssistantConfig,\n  /**\n   * @deprecated This type was renamed to `ModelContextProvider`.\n   */\n  ModelContextProvider as AssistantConfigProvider,\n  ModelContext,\n  ModelContextProvider,\n  Tool,\n} from \"./ModelContextTypes\";\n\nexport { tool } from \"./tool\";\n\n/**\n * @deprecated This function was renamed to `makeAssistantVisible`.\n */\nexport { makeAssistantVisible as makeAssistantReadable } from \"./makeAssistantVisible\";\nexport { makeAssistantVisible } from \"./makeAssistantVisible\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAsD;AACtD,iCAGO;AACP,sCAAyC;AACzC,8BAA0D;AAC1D,gCAGO;AACP,6BAAgC;AAgBhC,kBAAqB;AAKrB,kCAA8D;AAC9D,IAAAA,+BAAqC;","names":["import_makeAssistantVisible"]}

package/dist/model-context/index.mjs

@@ -10,11 +10,13 @@ import {
 } from "./useAssistantToolUI.mjs";
 import { useInlineRender } from "./useInlineRender.mjs";
 import { tool } from "./tool.mjs";
-import { makeAssistantReadable } from "./makeAssistantReadable.mjs";
+import { makeAssistantVisible } from "./makeAssistantVisible.mjs";
+import { makeAssistantVisible as makeAssistantVisible2 } from "./makeAssistantVisible.mjs";
 export {
-  makeAssistantReadable,
+  makeAssistantVisible as makeAssistantReadable,
   makeAssistantTool,
   makeAssistantToolUI,
+  makeAssistantVisible2 as makeAssistantVisible,
   tool,
   useAssistantInstructions,
   useAssistantTool,

package/dist/model-context/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model-context/index.ts"],"sourcesContent":["export { makeAssistantTool, type AssistantTool } from \"./makeAssistantTool\";\nexport {\n  type AssistantToolUI,\n  makeAssistantToolUI,\n} from \"./makeAssistantToolUI\";\nexport { useAssistantInstructions } from \"./useAssistantInstructions\";\nexport { useAssistantTool, type AssistantToolProps } from \"./useAssistantTool\";\nexport {\n  useAssistantToolUI,\n  type AssistantToolUIProps,\n} from \"./useAssistantToolUI\";\nexport { useInlineRender } from \"./useInlineRender\";\n\nexport type {\n  /**\n   * @deprecated This type was renamed to `ModelContext`.\n   */\n  ModelContext as AssistantConfig,\n  /**\n   * @deprecated This type was renamed to `ModelContextProvider`.\n   */\n  ModelContextProvider as AssistantConfigProvider,\n  ModelContext,\n  ModelContextProvider,\n  Tool,\n} from \"./ModelContextTypes\";\n\nexport { tool } from \"./tool\";\nexport { makeAssistantReadable } from \"./makeAssistantReadable\";\n"],"mappings":";AAAA,SAAS,yBAA6C;AACtD;AAAA,EAEE;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wBAAiD;AAC1D;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAgBhC,SAAS,YAAY;AACrB,SAAS,6BAA6B;","names":[]}
+{"version":3,"sources":["../../src/model-context/index.ts"],"sourcesContent":["export { makeAssistantTool, type AssistantTool } from \"./makeAssistantTool\";\nexport {\n  type AssistantToolUI,\n  makeAssistantToolUI,\n} from \"./makeAssistantToolUI\";\nexport { useAssistantInstructions } from \"./useAssistantInstructions\";\nexport { useAssistantTool, type AssistantToolProps } from \"./useAssistantTool\";\nexport {\n  useAssistantToolUI,\n  type AssistantToolUIProps,\n} from \"./useAssistantToolUI\";\nexport { useInlineRender } from \"./useInlineRender\";\n\nexport type {\n  /**\n   * @deprecated This type was renamed to `ModelContext`.\n   */\n  ModelContext as AssistantConfig,\n  /**\n   * @deprecated This type was renamed to `ModelContextProvider`.\n   */\n  ModelContextProvider as AssistantConfigProvider,\n  ModelContext,\n  ModelContextProvider,\n  Tool,\n} from \"./ModelContextTypes\";\n\nexport { tool } from \"./tool\";\n\n/**\n * @deprecated This function was renamed to `makeAssistantVisible`.\n */\nexport { makeAssistantVisible as makeAssistantReadable } from \"./makeAssistantVisible\";\nexport { makeAssistantVisible } from \"./makeAssistantVisible\";\n"],"mappings":";AAAA,SAAS,yBAA6C;AACtD;AAAA,EAEE;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wBAAiD;AAC1D;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAgBhC,SAAS,YAAY;AAKrB,SAAiC,4BAA6B;AAC9D,SAAS,wBAAAA,6BAA4B;","names":["makeAssistantVisible"]}

package/dist/model-context/makeAssistantVisible.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from "react";
+export declare const makeAssistantVisible: <T extends ComponentType<any>>(Component: T, config?: {
+    clickable?: boolean | undefined;
+    editable?: boolean | undefined;
+}) => T;
+export default makeAssistantVisible;
+//# sourceMappingURL=makeAssistantVisible.d.ts.map

package/dist/model-context/makeAssistantVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeAssistantVisible.d.ts","sourceRoot":"","sources":["../../src/model-context/makeAssistantVisible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,aAAa,EAMd,MAAM,OAAO,CAAC;AAiDf,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,aACpD,CAAC,WACH;IAAE,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,KAuCrC,CACxC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/model-context/{makeAssistantReadable.js → makeAssistantVisible.js}

@@ -18,13 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/model-context/makeAssistantReadable.tsx
-var makeAssistantReadable_exports = {};
-__export(makeAssistantReadable_exports, {
-  default: () => makeAssistantReadable_default,
-  makeAssistantReadable: () => makeAssistantReadable
+// src/model-context/makeAssistantVisible.tsx
+var makeAssistantVisible_exports = {};
+__export(makeAssistantVisible_exports, {
+  default: () => makeAssistantVisible_default,
+  makeAssistantVisible: () => makeAssistantVisible
 });
-module.exports = __toCommonJS(makeAssistantReadable_exports);
+module.exports = __toCommonJS(makeAssistantVisible_exports);
 var import_react = require("react");
 var import_zod = require("zod");
 var import_context = require("../context/index.js");
@@ -47,11 +47,30 @@ var click = (0, import_tool.tool)({
     }
   }
 });
+var edit = (0, import_tool.tool)({
+  parameters: import_zod.z.object({
+    editId: import_zod.z.string(),
+    value: import_zod.z.string()
+  }),
+  execute: async ({ editId, value }) => {
+    const escapedEditId = CSS.escape(editId);
+    const el = document.querySelector(`[data-edit-id='${escapedEditId}']`);
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+      el.value = value;
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+      await new Promise((resolve) => setTimeout(resolve, 2e3));
+      return {};
+    } else {
+      return "Element not found";
+    }
+  }
+});
 var ReadableContext = (0, import_react.createContext)(false);
-var makeAssistantReadable = (Component, config) => {
+var makeAssistantVisible = (Component, config) => {
   const ReadableComponent = (0, import_react.forwardRef)(
     (props, outerRef) => {
-      const isInReadable = (0, import_react.useContext)(ReadableContext);
+      const isNestedReadable = (0, import_react.useContext)(ReadableContext);
       const clickId = (0, import_react.useId)();
       const componentRef = (0, import_react.useRef)(null);
       const assistant = (0, import_context.useAssistantRuntime)();
@@ -60,17 +79,19 @@ var makeAssistantReadable = (Component, config) => {
           getModelContext: () => {
             return {
               ...config?.clickable ? { tools: { click } } : {},
-              system: !isInReadable ? componentRef.current?.outerHTML : void 0
+              ...config?.editable ? { tools: { edit } } : {},
+              system: !isNestedReadable ? componentRef.current?.outerHTML : void 0
             };
           }
         });
-      }, [config?.clickable, isInReadable]);
+      }, [config?.clickable, config?.editable, isNestedReadable]);
       const ref = (0, import_react_compose_refs.useComposedRefs)(componentRef, outerRef);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReadableContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         Component,
         {
           ...props,
           ...config?.clickable ? { "data-click-id": clickId } : {},
+          ...config?.editable ? { "data-edit-id": clickId } : {},
           ref
         }
       ) });
@@ -78,9 +99,9 @@ var makeAssistantReadable = (Component, config) => {
   );
   return ReadableComponent;
 };
-var makeAssistantReadable_default = makeAssistantReadable;
+var makeAssistantVisible_default = makeAssistantVisible;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  makeAssistantReadable
+  makeAssistantVisible
 });
-//# sourceMappingURL=makeAssistantReadable.js.map
+//# sourceMappingURL=makeAssistantVisible.js.map

package/dist/model-context/makeAssistantVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model-context/makeAssistantVisible.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useRef,\n  forwardRef,\n  ComponentType,\n  ForwardedRef,\n  PropsWithoutRef,\n  useId,\n  createContext,\n  useContext,\n} from \"react\";\nimport { z } from \"zod\";\nimport { useAssistantRuntime } from \"../context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { tool } from \"./tool\";\n\nconst click = tool({\n  parameters: z.object({\n    clickId: z.string(),\n  }),\n  execute: async ({ clickId }) => {\n    const escapedClickId = CSS.escape(clickId);\n    const el = document.querySelector(`[data-click-id='${escapedClickId}']`);\n    if (el instanceof HTMLElement) {\n      el.click();\n\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst edit = tool({\n  parameters: z.object({\n    editId: z.string(),\n    value: z.string(),\n  }),\n  execute: async ({ editId, value }) => {\n    const escapedEditId = CSS.escape(editId);\n    const el = document.querySelector(`[data-edit-id='${escapedEditId}']`);\n    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {\n      el.value = value;\n      el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      el.dispatchEvent(new Event(\"change\", { bubbles: true }));\n\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst ReadableContext = createContext<boolean>(false);\n\nexport const makeAssistantVisible = <T extends ComponentType<any>>(\n  Component: T,\n  config?: { clickable?: boolean | undefined; editable?: boolean | undefined },\n) => {\n  const ReadableComponent = forwardRef(\n    (props: PropsWithoutRef<T>, outerRef: ForwardedRef<any>) => {\n      const isNestedReadable = useContext(ReadableContext);\n\n      const clickId = useId();\n      const componentRef = useRef<HTMLElement>(null);\n\n      const assistant = useAssistantRuntime();\n      useEffect(() => {\n        return assistant.registerModelContextProvider({\n          getModelContext: () => {\n            return {\n              ...(config?.clickable ? { tools: { click } } : {}),\n              ...(config?.editable ? { tools: { edit } } : {}),\n              system: !isNestedReadable // only pass content if this readable isn't nested in another readable\n                ? componentRef.current?.outerHTML\n                : undefined,\n            };\n          },\n        });\n      }, [config?.clickable, config?.editable, isNestedReadable]);\n\n      const ref = useComposedRefs(componentRef, outerRef);\n\n      return (\n        <ReadableContext.Provider value={true}>\n          <Component\n            {...(props as any)}\n            {...(config?.clickable ? { \"data-click-id\": clickId } : {})}\n            {...(config?.editable ? { \"data-edit-id\": clickId } : {})}\n            ref={ref}\n          />\n        </ReadableContext.Provider>\n      );\n    },\n  );\n\n  return ReadableComponent as unknown as T;\n};\n\nexport default makeAssistantVisible;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAUO;AACP,iBAAkB;AAClB,qBAAoC;AACpC,gCAAgC;AAChC,kBAAqB;AA2EX;AAzEV,IAAM,YAAQ,kBAAK;AAAA,EACjB,YAAY,aAAE,OAAO;AAAA,IACnB,SAAS,aAAE,OAAO;AAAA,EACpB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM;AAC9B,UAAM,iBAAiB,IAAI,OAAO,OAAO;AACzC,UAAM,KAAK,SAAS,cAAc,mBAAmB,cAAc,IAAI;AACvE,QAAI,cAAc,aAAa;AAC7B,SAAG,MAAM;AAGT,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,WAAO,kBAAK;AAAA,EAChB,YAAY,aAAE,OAAO;AAAA,IACnB,QAAQ,aAAE,OAAO;AAAA,IACjB,OAAO,aAAE,OAAO;AAAA,EAClB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM,MAAM;AACpC,UAAM,gBAAgB,IAAI,OAAO,MAAM;AACvC,UAAM,KAAK,SAAS,cAAc,kBAAkB,aAAa,IAAI;AACrE,QAAI,cAAc,oBAAoB,cAAc,qBAAqB;AACvE,SAAG,QAAQ;AACX,SAAG,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AACtD,SAAG,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AAGvD,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,sBAAkB,4BAAuB,KAAK;AAE7C,IAAM,uBAAuB,CAClC,WACA,WACG;AACH,QAAM,wBAAoB;AAAA,IACxB,CAAC,OAA2B,aAAgC;AAC1D,YAAM,uBAAmB,yBAAW,eAAe;AAEnD,YAAM,cAAU,oBAAM;AACtB,YAAM,mBAAe,qBAAoB,IAAI;AAE7C,YAAM,gBAAY,oCAAoB;AACtC,kCAAU,MAAM;AACd,eAAO,UAAU,6BAA6B;AAAA,UAC5C,iBAAiB,MAAM;AACrB,mBAAO;AAAA,cACL,GAAI,QAAQ,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,cAChD,GAAI,QAAQ,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAAA,cAC9C,QAAQ,CAAC,mBACL,aAAa,SAAS,YACtB;AAAA,YACN;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG,CAAC,QAAQ,WAAW,QAAQ,UAAU,gBAAgB,CAAC;AAE1D,YAAM,UAAM,2CAAgB,cAAc,QAAQ;AAElD,aACE,4CAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAC/B;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACJ,GAAI,QAAQ,YAAY,EAAE,iBAAiB,QAAQ,IAAI,CAAC;AAAA,UACxD,GAAI,QAAQ,WAAW,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,UACvD;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,+BAAQ;","names":[]}

package/dist/model-context/{makeAssistantReadable.mjs → makeAssistantVisible.mjs}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/model-context/makeAssistantReadable.tsx
+// src/model-context/makeAssistantVisible.tsx
 import {
   useEffect,
   useRef,
@@ -30,11 +30,30 @@ var click = tool({
     }
   }
 });
+var edit = tool({
+  parameters: z.object({
+    editId: z.string(),
+    value: z.string()
+  }),
+  execute: async ({ editId, value }) => {
+    const escapedEditId = CSS.escape(editId);
+    const el = document.querySelector(`[data-edit-id='${escapedEditId}']`);
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+      el.value = value;
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+      await new Promise((resolve) => setTimeout(resolve, 2e3));
+      return {};
+    } else {
+      return "Element not found";
+    }
+  }
+});
 var ReadableContext = createContext(false);
-var makeAssistantReadable = (Component, config) => {
+var makeAssistantVisible = (Component, config) => {
   const ReadableComponent = forwardRef(
     (props, outerRef) => {
-      const isInReadable = useContext(ReadableContext);
+      const isNestedReadable = useContext(ReadableContext);
       const clickId = useId();
       const componentRef = useRef(null);
       const assistant = useAssistantRuntime();
@@ -43,17 +62,19 @@ var makeAssistantReadable = (Component, config) => {
           getModelContext: () => {
             return {
               ...config?.clickable ? { tools: { click } } : {},
-              system: !isInReadable ? componentRef.current?.outerHTML : void 0
+              ...config?.editable ? { tools: { edit } } : {},
+              system: !isNestedReadable ? componentRef.current?.outerHTML : void 0
             };
           }
         });
-      }, [config?.clickable, isInReadable]);
+      }, [config?.clickable, config?.editable, isNestedReadable]);
       const ref = useComposedRefs(componentRef, outerRef);
       return /* @__PURE__ */ jsx(ReadableContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
         Component,
         {
           ...props,
           ...config?.clickable ? { "data-click-id": clickId } : {},
+          ...config?.editable ? { "data-edit-id": clickId } : {},
           ref
         }
       ) });
@@ -61,9 +82,9 @@ var makeAssistantReadable = (Component, config) => {
   );
   return ReadableComponent;
 };
-var makeAssistantReadable_default = makeAssistantReadable;
+var makeAssistantVisible_default = makeAssistantVisible;
 export {
-  makeAssistantReadable_default as default,
-  makeAssistantReadable
+  makeAssistantVisible_default as default,
+  makeAssistantVisible
 };
-//# sourceMappingURL=makeAssistantReadable.mjs.map
+//# sourceMappingURL=makeAssistantVisible.mjs.map

package/dist/model-context/makeAssistantVisible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model-context/makeAssistantVisible.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useRef,\n  forwardRef,\n  ComponentType,\n  ForwardedRef,\n  PropsWithoutRef,\n  useId,\n  createContext,\n  useContext,\n} from \"react\";\nimport { z } from \"zod\";\nimport { useAssistantRuntime } from \"../context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { tool } from \"./tool\";\n\nconst click = tool({\n  parameters: z.object({\n    clickId: z.string(),\n  }),\n  execute: async ({ clickId }) => {\n    const escapedClickId = CSS.escape(clickId);\n    const el = document.querySelector(`[data-click-id='${escapedClickId}']`);\n    if (el instanceof HTMLElement) {\n      el.click();\n\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst edit = tool({\n  parameters: z.object({\n    editId: z.string(),\n    value: z.string(),\n  }),\n  execute: async ({ editId, value }) => {\n    const escapedEditId = CSS.escape(editId);\n    const el = document.querySelector(`[data-edit-id='${escapedEditId}']`);\n    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {\n      el.value = value;\n      el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      el.dispatchEvent(new Event(\"change\", { bubbles: true }));\n\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst ReadableContext = createContext<boolean>(false);\n\nexport const makeAssistantVisible = <T extends ComponentType<any>>(\n  Component: T,\n  config?: { clickable?: boolean | undefined; editable?: boolean | undefined },\n) => {\n  const ReadableComponent = forwardRef(\n    (props: PropsWithoutRef<T>, outerRef: ForwardedRef<any>) => {\n      const isNestedReadable = useContext(ReadableContext);\n\n      const clickId = useId();\n      const componentRef = useRef<HTMLElement>(null);\n\n      const assistant = useAssistantRuntime();\n      useEffect(() => {\n        return assistant.registerModelContextProvider({\n          getModelContext: () => {\n            return {\n              ...(config?.clickable ? { tools: { click } } : {}),\n              ...(config?.editable ? { tools: { edit } } : {}),\n              system: !isNestedReadable // only pass content if this readable isn't nested in another readable\n                ? componentRef.current?.outerHTML\n                : undefined,\n            };\n          },\n        });\n      }, [config?.clickable, config?.editable, isNestedReadable]);\n\n      const ref = useComposedRefs(componentRef, outerRef);\n\n      return (\n        <ReadableContext.Provider value={true}>\n          <Component\n            {...(props as any)}\n            {...(config?.clickable ? { \"data-click-id\": clickId } : {})}\n            {...(config?.editable ? { \"data-edit-id\": clickId } : {})}\n            ref={ref}\n          />\n        </ReadableContext.Provider>\n      );\n    },\n  );\n\n  return ReadableComponent as unknown as T;\n};\n\nexport default makeAssistantVisible;\n"],"mappings":";;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS;AAClB,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,YAAY;AA2EX;AAzEV,IAAM,QAAQ,KAAK;AAAA,EACjB,YAAY,EAAE,OAAO;AAAA,IACnB,SAAS,EAAE,OAAO;AAAA,EACpB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM;AAC9B,UAAM,iBAAiB,IAAI,OAAO,OAAO;AACzC,UAAM,KAAK,SAAS,cAAc,mBAAmB,cAAc,IAAI;AACvE,QAAI,cAAc,aAAa;AAC7B,SAAG,MAAM;AAGT,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,OAAO,KAAK;AAAA,EAChB,YAAY,EAAE,OAAO;AAAA,IACnB,QAAQ,EAAE,OAAO;AAAA,IACjB,OAAO,EAAE,OAAO;AAAA,EAClB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM,MAAM;AACpC,UAAM,gBAAgB,IAAI,OAAO,MAAM;AACvC,UAAM,KAAK,SAAS,cAAc,kBAAkB,aAAa,IAAI;AACrE,QAAI,cAAc,oBAAoB,cAAc,qBAAqB;AACvE,SAAG,QAAQ;AACX,SAAG,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AACtD,SAAG,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC;AAGvD,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,kBAAkB,cAAuB,KAAK;AAE7C,IAAM,uBAAuB,CAClC,WACA,WACG;AACH,QAAM,oBAAoB;AAAA,IACxB,CAAC,OAA2B,aAAgC;AAC1D,YAAM,mBAAmB,WAAW,eAAe;AAEnD,YAAM,UAAU,MAAM;AACtB,YAAM,eAAe,OAAoB,IAAI;AAE7C,YAAM,YAAY,oBAAoB;AACtC,gBAAU,MAAM;AACd,eAAO,UAAU,6BAA6B;AAAA,UAC5C,iBAAiB,MAAM;AACrB,mBAAO;AAAA,cACL,GAAI,QAAQ,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,cAChD,GAAI,QAAQ,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAAA,cAC9C,QAAQ,CAAC,mBACL,aAAa,SAAS,YACtB;AAAA,YACN;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG,CAAC,QAAQ,WAAW,QAAQ,UAAU,gBAAgB,CAAC;AAE1D,YAAM,MAAM,gBAAgB,cAAc,QAAQ;AAElD,aACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAC/B;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACJ,GAAI,QAAQ,YAAY,EAAE,iBAAiB,QAAQ,IAAI,CAAC;AAAA,UACxD,GAAI,QAAQ,WAAW,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,UACvD;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,+BAAQ;","names":[]}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.89",
+  "version": "0.7.91",
   "license": "MIT",
   "exports": {
     ".": {
@@ -114,8 +114,8 @@
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
     "@assistant-ui/tsbuildutils": "^0.0.1",
-    "@assistant-ui/tsconfig": "0.0.0",
-    "@assistant-ui/tailwindcss-transformer": "0.1.0"
+    "@assistant-ui/tailwindcss-transformer": "0.1.0",
+    "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",

package/src/model-context/index.ts

@@ -26,4 +26,9 @@ export type {
 } from "./ModelContextTypes";
 
 export { tool } from "./tool";
-export { makeAssistantReadable } from "./makeAssistantReadable";
+
+/**
+ * @deprecated This function was renamed to `makeAssistantVisible`.
+ */
+export { makeAssistantVisible as makeAssistantReadable } from "./makeAssistantVisible";
+export { makeAssistantVisible } from "./makeAssistantVisible";

package/src/model-context/{makeAssistantReadable.tsx → makeAssistantVisible.tsx}

@@ -25,6 +25,29 @@ const click = tool({
     const el = document.querySelector(`[data-click-id='${escapedClickId}']`);
     if (el instanceof HTMLElement) {
       el.click();
+
+      // todo make adjustable
+      await new Promise((resolve) => setTimeout(resolve, 2000));
+      return {};
+    } else {
+      return "Element not found";
+    }
+  },
+});
+
+const edit = tool({
+  parameters: z.object({
+    editId: z.string(),
+    value: z.string(),
+  }),
+  execute: async ({ editId, value }) => {
+    const escapedEditId = CSS.escape(editId);
+    const el = document.querySelector(`[data-edit-id='${escapedEditId}']`);
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+      el.value = value;
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+
       // todo make adjustable
       await new Promise((resolve) => setTimeout(resolve, 2000));
       return {};
@@ -36,13 +59,13 @@ const click = tool({
 
 const ReadableContext = createContext<boolean>(false);
 
-export const makeAssistantReadable = <T extends ComponentType<any>>(
+export const makeAssistantVisible = <T extends ComponentType<any>>(
   Component: T,
-  config?: { clickable?: boolean | undefined },
+  config?: { clickable?: boolean | undefined; editable?: boolean | undefined },
 ) => {
   const ReadableComponent = forwardRef(
     (props: PropsWithoutRef<T>, outerRef: ForwardedRef<any>) => {
-      const isInReadable = useContext(ReadableContext);
+      const isNestedReadable = useContext(ReadableContext);
 
       const clickId = useId();
       const componentRef = useRef<HTMLElement>(null);
@@ -53,13 +76,14 @@ export const makeAssistantReadable = <T extends ComponentType<any>>(
           getModelContext: () => {
             return {
               ...(config?.clickable ? { tools: { click } } : {}),
-              system: !isInReadable // only pass content if this readable isn't nested in another readable
+              ...(config?.editable ? { tools: { edit } } : {}),
+              system: !isNestedReadable // only pass content if this readable isn't nested in another readable
                 ? componentRef.current?.outerHTML
                 : undefined,
             };
           },
         });
-      }, [config?.clickable, isInReadable]);
+      }, [config?.clickable, config?.editable, isNestedReadable]);
 
       const ref = useComposedRefs(componentRef, outerRef);
 
@@ -68,6 +92,7 @@ export const makeAssistantReadable = <T extends ComponentType<any>>(
           <Component
             {...(props as any)}
             {...(config?.clickable ? { "data-click-id": clickId } : {})}
+            {...(config?.editable ? { "data-edit-id": clickId } : {})}
             ref={ref}
           />
         </ReadableContext.Provider>
@@ -78,4 +103,4 @@ export const makeAssistantReadable = <T extends ComponentType<any>>(
   return ReadableComponent as unknown as T;
 };
 
-export default makeAssistantReadable;
+export default makeAssistantVisible;

package/dist/model-context/makeAssistantReadable.d.ts

@@ -1,6 +0,0 @@
-import { ComponentType } from "react";
-export declare const makeAssistantReadable: <T extends ComponentType<any>>(Component: T, config?: {
-    clickable?: boolean | undefined;
-}) => T;
-export default makeAssistantReadable;
-//# sourceMappingURL=makeAssistantReadable.d.ts.map

package/dist/model-context/makeAssistantReadable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeAssistantReadable.d.ts","sourceRoot":"","sources":["../../src/model-context/makeAssistantReadable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,aAAa,EAMd,MAAM,OAAO,CAAC;AA0Bf,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,aACrD,CAAC,WACH;IAAE,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,KAqCL,CACxC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/model-context/makeAssistantReadable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/model-context/makeAssistantReadable.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useRef,\n  forwardRef,\n  ComponentType,\n  ForwardedRef,\n  PropsWithoutRef,\n  useId,\n  createContext,\n  useContext,\n} from \"react\";\nimport { z } from \"zod\";\nimport { useAssistantRuntime } from \"../context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { tool } from \"./tool\";\n\nconst click = tool({\n  parameters: z.object({\n    clickId: z.string(),\n  }),\n  execute: async ({ clickId }) => {\n    const escapedClickId = CSS.escape(clickId);\n    const el = document.querySelector(`[data-click-id='${escapedClickId}']`);\n    if (el instanceof HTMLElement) {\n      el.click();\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst ReadableContext = createContext<boolean>(false);\n\nexport const makeAssistantReadable = <T extends ComponentType<any>>(\n  Component: T,\n  config?: { clickable?: boolean | undefined },\n) => {\n  const ReadableComponent = forwardRef(\n    (props: PropsWithoutRef<T>, outerRef: ForwardedRef<any>) => {\n      const isInReadable = useContext(ReadableContext);\n\n      const clickId = useId();\n      const componentRef = useRef<HTMLElement>(null);\n\n      const assistant = useAssistantRuntime();\n      useEffect(() => {\n        return assistant.registerModelContextProvider({\n          getModelContext: () => {\n            return {\n              ...(config?.clickable ? { tools: { click } } : {}),\n              system: !isInReadable // only pass content if this readable isn't nested in another readable\n                ? componentRef.current?.outerHTML\n                : undefined,\n            };\n          },\n        });\n      }, [config?.clickable, isInReadable]);\n\n      const ref = useComposedRefs(componentRef, outerRef);\n\n      return (\n        <ReadableContext.Provider value={true}>\n          <Component\n            {...(props as any)}\n            {...(config?.clickable ? { \"data-click-id\": clickId } : {})}\n            ref={ref}\n          />\n        </ReadableContext.Provider>\n      );\n    },\n  );\n\n  return ReadableComponent as unknown as T;\n};\n\nexport default makeAssistantReadable;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAUO;AACP,iBAAkB;AAClB,qBAAoC;AACpC,gCAAgC;AAChC,kBAAqB;AAmDX;AAjDV,IAAM,YAAQ,kBAAK;AAAA,EACjB,YAAY,aAAE,OAAO;AAAA,IACnB,SAAS,aAAE,OAAO;AAAA,EACpB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM;AAC9B,UAAM,iBAAiB,IAAI,OAAO,OAAO;AACzC,UAAM,KAAK,SAAS,cAAc,mBAAmB,cAAc,IAAI;AACvE,QAAI,cAAc,aAAa;AAC7B,SAAG,MAAM;AAET,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,sBAAkB,4BAAuB,KAAK;AAE7C,IAAM,wBAAwB,CACnC,WACA,WACG;AACH,QAAM,wBAAoB;AAAA,IACxB,CAAC,OAA2B,aAAgC;AAC1D,YAAM,mBAAe,yBAAW,eAAe;AAE/C,YAAM,cAAU,oBAAM;AACtB,YAAM,mBAAe,qBAAoB,IAAI;AAE7C,YAAM,gBAAY,oCAAoB;AACtC,kCAAU,MAAM;AACd,eAAO,UAAU,6BAA6B;AAAA,UAC5C,iBAAiB,MAAM;AACrB,mBAAO;AAAA,cACL,GAAI,QAAQ,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,cAChD,QAAQ,CAAC,eACL,aAAa,SAAS,YACtB;AAAA,YACN;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG,CAAC,QAAQ,WAAW,YAAY,CAAC;AAEpC,YAAM,UAAM,2CAAgB,cAAc,QAAQ;AAElD,aACE,4CAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAC/B;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACJ,GAAI,QAAQ,YAAY,EAAE,iBAAiB,QAAQ,IAAI,CAAC;AAAA,UACzD;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/model-context/makeAssistantReadable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/model-context/makeAssistantReadable.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useRef,\n  forwardRef,\n  ComponentType,\n  ForwardedRef,\n  PropsWithoutRef,\n  useId,\n  createContext,\n  useContext,\n} from \"react\";\nimport { z } from \"zod\";\nimport { useAssistantRuntime } from \"../context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { tool } from \"./tool\";\n\nconst click = tool({\n  parameters: z.object({\n    clickId: z.string(),\n  }),\n  execute: async ({ clickId }) => {\n    const escapedClickId = CSS.escape(clickId);\n    const el = document.querySelector(`[data-click-id='${escapedClickId}']`);\n    if (el instanceof HTMLElement) {\n      el.click();\n      // todo make adjustable\n      await new Promise((resolve) => setTimeout(resolve, 2000));\n      return {};\n    } else {\n      return \"Element not found\";\n    }\n  },\n});\n\nconst ReadableContext = createContext<boolean>(false);\n\nexport const makeAssistantReadable = <T extends ComponentType<any>>(\n  Component: T,\n  config?: { clickable?: boolean | undefined },\n) => {\n  const ReadableComponent = forwardRef(\n    (props: PropsWithoutRef<T>, outerRef: ForwardedRef<any>) => {\n      const isInReadable = useContext(ReadableContext);\n\n      const clickId = useId();\n      const componentRef = useRef<HTMLElement>(null);\n\n      const assistant = useAssistantRuntime();\n      useEffect(() => {\n        return assistant.registerModelContextProvider({\n          getModelContext: () => {\n            return {\n              ...(config?.clickable ? { tools: { click } } : {}),\n              system: !isInReadable // only pass content if this readable isn't nested in another readable\n                ? componentRef.current?.outerHTML\n                : undefined,\n            };\n          },\n        });\n      }, [config?.clickable, isInReadable]);\n\n      const ref = useComposedRefs(componentRef, outerRef);\n\n      return (\n        <ReadableContext.Provider value={true}>\n          <Component\n            {...(props as any)}\n            {...(config?.clickable ? { \"data-click-id\": clickId } : {})}\n            ref={ref}\n          />\n        </ReadableContext.Provider>\n      );\n    },\n  );\n\n  return ReadableComponent as unknown as T;\n};\n\nexport default makeAssistantReadable;\n"],"mappings":";;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS;AAClB,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,YAAY;AAmDX;AAjDV,IAAM,QAAQ,KAAK;AAAA,EACjB,YAAY,EAAE,OAAO;AAAA,IACnB,SAAS,EAAE,OAAO;AAAA,EACpB,CAAC;AAAA,EACD,SAAS,OAAO,EAAE,QAAQ,MAAM;AAC9B,UAAM,iBAAiB,IAAI,OAAO,OAAO;AACzC,UAAM,KAAK,SAAS,cAAc,mBAAmB,cAAc,IAAI;AACvE,QAAI,cAAc,aAAa;AAC7B,SAAG,MAAM;AAET,YAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AACxD,aAAO,CAAC;AAAA,IACV,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,IAAM,kBAAkB,cAAuB,KAAK;AAE7C,IAAM,wBAAwB,CACnC,WACA,WACG;AACH,QAAM,oBAAoB;AAAA,IACxB,CAAC,OAA2B,aAAgC;AAC1D,YAAM,eAAe,WAAW,eAAe;AAE/C,YAAM,UAAU,MAAM;AACtB,YAAM,eAAe,OAAoB,IAAI;AAE7C,YAAM,YAAY,oBAAoB;AACtC,gBAAU,MAAM;AACd,eAAO,UAAU,6BAA6B;AAAA,UAC5C,iBAAiB,MAAM;AACrB,mBAAO;AAAA,cACL,GAAI,QAAQ,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,cAChD,QAAQ,CAAC,eACL,aAAa,SAAS,YACtB;AAAA,YACN;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG,CAAC,QAAQ,WAAW,YAAY,CAAC;AAEpC,YAAM,MAAM,gBAAgB,cAAc,QAAQ;AAElD,aACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAC/B;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACJ,GAAI,QAAQ,YAAY,EAAE,iBAAiB,QAAQ,IAAI,CAAC;AAAA,UACzD;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,gCAAQ;","names":[]}