Introduce ct-tools-chip (#1833)

* Introduce `ct-tools-chip`

* Format pass

Author: bfollington

packages/patterns/chatbot.tsx

@@ -132,6 +132,7 @@ export default recipe<ChatInput, ChatOutput>(
         <ct-screen>
           <ct-hstack justify="between" slot="header">
             <ct-heading level={4}>{title}</ct-heading>
+            <ct-tools-chip tools={tools} />
           </ct-hstack>
 
           <ct-vscroll flex showScrollbar fadeEdges snapToBottom>

packages/static/assets/types/jsx.d.ts

@@ -156,6 +156,21 @@ declare global {
         "multiple"?: boolean,
         "onct-change"?: OpaqueRef<HandlerEvent<{ items: { label: string, value: any }[], value: any | any[] }>>,
       } & Children & HTMLElementProps;
+      "ct-tools-chip": {
+        "label"?: string,
+        "show-count"?: boolean,
+        "open-on-hover"?: boolean,
+        "toggle-on-click"?: boolean,
+        "close-delay"?: number,
+        /**
+         * Accepts either:
+         * - Array: { name, description?, schema? }[]
+         * - Native map: { [toolName]: { handler?: any, pattern?: any } | any }
+         */
+        "tools"?:
+          | { name: string, description?: string, schema?: unknown }[]
+          | Record<string, { handler?: unknown; pattern?: unknown } | any>,
+      } & Children & HTMLElementProps;
       "ct-heading": {
         "level"?: number,
         "no-margin"?: boolean,