@sakaniui/react 0.11.1 → 0.12.0

package/dist/{logout-BW8ksDGk.js → logout-Mc5-u8cG.js}

@@ -1,4 +1,4 @@
-import { R as e } from "./help-circle-B0koiJUs.js";
+import { z as e } from "./help-circle-BufsknPE.js";
 //#region src/icons/outline/copy.ts
 var t = /*#__PURE__*/ e("copy", ["M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666", "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1"]), n = /*#__PURE__*/ e("info-circle", [
 	"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
@@ -21,17 +21,23 @@ var t = /*#__PURE__*/ e("copy", ["M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a
 	"M5 12l14 0",
 	"M13 18l6 -6",
 	"M13 6l6 6"
-]), s = /*#__PURE__*/ e("current-location", [
+]), s = /*#__PURE__*/ e("world", [
+	"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
+	"M3.6 9h16.8",
+	"M3.6 15h16.8",
+	"M11.5 3a17 17 0 0 0 0 18",
+	"M12.5 3a17 17 0 0 1 0 18"
+]), c = /*#__PURE__*/ e("current-location", [
 	"M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",
 	"M4 12a8 8 0 1 0 16 0a8 8 0 1 0 -16 0",
 	"M12 2l0 2",
 	"M12 20l0 2",
 	"M20 12l2 0",
 	"M2 12l2 0"
-]), c = /*#__PURE__*/ e("logout", [
+]), l = /*#__PURE__*/ e("logout", [
 	"M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2",
 	"M9 12h12l-3 -3",
 	"M18 15l3 -3"
 ]);
 //#endregion
-export { i as a, t as c, a as i, s as n, r as o, o as r, n as s, c as t };
+export { a, n as c, o as i, t as l, c as n, i as o, s as r, r as s, l as t };

package/dist/logout-g8G9uxDa.cjs

@@ -0,0 +1 @@
+const e=require("./help-circle-C1LENUMu.cjs");var t=e.z(`copy`,[`M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666`,`M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1`]),n=e.z(`info-circle`,[`M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0`,`M12 9h.01`,`M11 12h1v4h1`]),r=e.z(`chart-column`,[`M4 20h3`,`M17 20h3`,`M10.5 20h3`,`M4 16h3`,`M17 16h3`,`M10.5 16h3`,`M4 12h3`,`M17 12h3`,`M10.5 12h3`,`M4 8h3`,`M17 8h3`,`M4 4h3`]),i=e.z(`receipt`,[`M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2`]),a=e.z(`player-play`,[`M7 4v16l13 -8l-13 -8`]),o=e.z(`arrow-right`,[`M5 12l14 0`,`M13 18l6 -6`,`M13 6l6 6`]),s=e.z(`world`,[`M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0`,`M3.6 9h16.8`,`M3.6 15h16.8`,`M11.5 3a17 17 0 0 0 0 18`,`M12.5 3a17 17 0 0 1 0 18`]),c=e.z(`current-location`,[`M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0`,`M4 12a8 8 0 1 0 16 0a8 8 0 1 0 -16 0`,`M12 2l0 2`,`M12 20l0 2`,`M20 12l2 0`,`M2 12l2 0`]),l=e.z(`logout`,[`M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2`,`M9 12h12l-3 -3`,`M18 15l3 -3`]);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 6,
   "name": "@sakaniui/react",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "Machine-readable contract of the SakaniUI React library, generated from its TypeScript source.",
   "docs": "https://www.sakaniui.com",
   "guide": "https://www.sakaniui.com/llms-full.txt",
@@ -24,7 +24,7 @@
     "@sakaniui/react/emoji": "Fluent Emoji (full colour): EmojiName, one module each (1594 emoji, 311 with skin tones)."
   },
   "conventions": {
-    "version": "This manifest describes @sakaniui/react@0.11.1. Each component has `since`, the first release that contained it; a prop added later has its own `since`, and a value added later is listed in the prop's `valuesSince`. If the project has an older version installed, anything newer than that does not exist there.",
+    "version": "This manifest describes @sakaniui/react@0.12.0. Each component has `since`, the first release that contained it; a prop added later has its own `since`, and a value added later is listed in the prop's `valuesSince`. If the project has an older version installed, anything newer than that does not exist there.",
     "acceptsNativeProps": "Components forward native HTML attributes (className, style, aria-*, event handlers) to their root element unless a prop says otherwise; only the props that are specific to SakaniUI are listed here.",
     "accessibleName": "When `contract.requiresAccessibleName` is true, a required prop (aria-label, aria-labelledby or an alt text) is the only thing that names the control or image. Do not omit it.",
     "tokens": "Use only the token names listed under `tokens`. Colour tokens follow the theme (the `.dark` class flips them); do not hard-code colours.",
@@ -459,9 +459,9 @@
     }
   },
   "counts": {
-    "components": 134,
+    "components": 139,
     "blocks": 42,
-    "utilities": 8
+    "utilities": 10
   },
   "components": [
     {
@@ -2174,6 +2174,200 @@
       "since": "0.3.0",
       "example": "import { CartItem } from '@sakaniui/react';\n\n<CartItem image=\"/images/example.jpg\" name=\"Name\" price={49} quantity={1} />"
     },
+    {
+      "name": "ChainOfThought",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "An AI agent's visible work: a header, steps joined by a rail (ChainOfThoughtStep), and a live Working line. `open` / `defaultOpen` toggles it; `status` and `elapsed` or `startedAt` drive the working line.",
+      "props": [
+        {
+          "name": "title",
+          "type": "ReactNode",
+          "required": true,
+          "description": "The header text, e.g. \"Ran 3 searches\" or \"Thinking\"."
+        },
+        {
+          "name": "icon",
+          "type": "IconComponent",
+          "required": false,
+          "description": "The header icon, drawn at 16px. Defaults to a magnifier."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "description": "Controlled open state. Omit it to let the component keep its own (see defaultOpen)."
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "default": true,
+          "description": "Initial open state when uncontrolled. Defaults to true."
+        },
+        {
+          "name": "onOpenChange",
+          "type": "((open: boolean) => void)",
+          "required": false,
+          "description": "Called with the new state when the header is clicked."
+        },
+        {
+          "name": "status",
+          "type": "\"done\" | \"working\"",
+          "required": false,
+          "values": [
+            "done",
+            "working"
+          ],
+          "default": "done",
+          "description": "Adds the working line under the steps: \"working\" (sparkle, shimmer) or \"done\" (\"Worked for 11.2s\")."
+        },
+        {
+          "name": "elapsed",
+          "type": "number",
+          "required": false,
+          "description": "Elapsed seconds for the working line."
+        },
+        {
+          "name": "startedAt",
+          "type": "number",
+          "required": false,
+          "description": "Epoch ms when the work started; the working line then counts up on its own."
+        },
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false,
+          "description": "ChainOfThoughtStep elements."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "contract": {
+        "requiredProps": [
+          "title"
+        ],
+        "requiresAccessibleName": false
+      },
+      "since": "0.12.0",
+      "example": "import { ChainOfThought } from '@sakaniui/react';\n\n<ChainOfThought title=\"Title\" />",
+      "recipes": [
+        {
+          "title": "Stream an agent run: steps arrive, the timer ticks, then it finishes",
+          "description": "ChainOfThought is presentational. Keep the steps in state, append one as your agent starts it, mark the previous one `done`, and pass `status=\"working\"` with `startedAt` so the time counts up on its own. When the run ends switch to `status=\"done\"` with the final `elapsed` (seconds) and change the title. The rail stops at the last step by itself.",
+          "code": "import React from 'react';\nimport { ChainOfThought, ChainOfThoughtStep, SourceStack } from '@sakaniui/react';\nimport { IconBrandReddit } from '@sakaniui/react/icons';\n\ntype Step = { id: string; label: string; query?: string; count?: string };\n\nexport const Example = ({ steps, finished, startedAt, elapsed }: { steps: Step[]; finished: boolean; startedAt: number; elapsed?: number }) => (\n  <ChainOfThought\n    title={finished ? `Ran ${steps.length} searches` : 'Researching'}\n    status={finished ? 'done' : 'working'}\n    startedAt={startedAt}\n    elapsed={elapsed}\n  >\n    {steps.map((s, i) => (\n      <ChainOfThoughtStep\n        key={s.id}\n        status={!finished && i === steps.length - 1 ? 'active' : 'done'}\n        icon={IconBrandReddit}\n        label={s.label}\n        query={s.query}\n        count={s.count}\n        sources={<SourceStack sources={[{ label: 'Reddit', icon: IconBrandReddit }]} />}\n      />\n    ))}\n  </ChainOfThought>\n);"
+        }
+      ],
+      "aliases": [
+        "thought chain",
+        "reasoning steps",
+        "reasoning trace",
+        "agent steps",
+        "agent activity",
+        "agent trace",
+        "thinking steps",
+        "tool calls",
+        "tool call log",
+        "activity trace",
+        "ai steps",
+        "research steps"
+      ]
+    },
+    {
+      "name": "ChainOfThoughtStep",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "One step of an agent run: an icon, a label, an optional monospace `query`, a `count` and a `sources` row. `status` is pending, active (read in full) or done (muted).",
+      "props": [
+        {
+          "name": "status",
+          "type": "\"active\" | \"done\" | \"pending\"",
+          "required": false,
+          "values": [
+            "active",
+            "done",
+            "pending"
+          ],
+          "default": "done",
+          "description": "pending (not started), active (in progress, read in full) or done (muted). Defaults to \"done\"."
+        },
+        {
+          "name": "icon",
+          "type": "IconComponent",
+          "required": false,
+          "description": "The step's icon, drawn at 16px. Defaults to a magnifier."
+        },
+        {
+          "name": "label",
+          "type": "ReactNode",
+          "required": true,
+          "description": "What happened, e.g. \"Searched X for\"."
+        },
+        {
+          "name": "query",
+          "type": "string",
+          "required": false,
+          "description": "The query or argument, shown in monospace after the label."
+        },
+        {
+          "name": "count",
+          "type": "ReactNode",
+          "required": false,
+          "description": "A result count on the right, e.g. \"7 posts\"."
+        },
+        {
+          "name": "accent",
+          "type": "string",
+          "required": false,
+          "description": "Colour of the spark that runs into the step while it is active. Defaults to the icon's brand colour when it is a logo from `sourceLogo()`."
+        },
+        {
+          "name": "sources",
+          "type": "ReactNode",
+          "required": false,
+          "description": "A row under the step, usually a <SourceStack>."
+        },
+        {
+          "name": "sourcesLabel",
+          "type": "string",
+          "required": false,
+          "default": "Sources",
+          "description": "Text before the sources. Defaults to \"Sources\"."
+        },
+        {
+          "name": "onSourcesClick",
+          "type": "(() => void)",
+          "required": false,
+          "description": "Makes the sources row a button with a chevron, so the sources can be opened."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "contract": {
+        "requiredProps": [
+          "label"
+        ],
+        "requiresAccessibleName": false
+      },
+      "since": "0.12.0",
+      "example": "import { ChainOfThoughtStep } from '@sakaniui/react';\n\n<ChainOfThoughtStep label=\"Label\" />",
+      "aliases": [
+        "reasoning step",
+        "thought step",
+        "agent step",
+        "tool call",
+        "search step",
+        "task step"
+      ]
+    },
     {
       "name": "ChatComposer",
       "kind": "component",
@@ -4240,13 +4434,13 @@
                 "description": "Returns the item located at the specified index."
               },
               {
-                "name": "__@iterator@12750",
+                "name": "__@iterator@15310",
                 "type": "() => ArrayIterator<number>",
                 "required": true,
                 "description": "Iterator"
               },
               {
-                "name": "__@unscopables@12780",
+                "name": "__@unscopables@15340",
                 "type": "{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; concat?: boolean | undefined; join?: boolean | undefined; reverse?: boolean | undefined; shift?: boolean | undefined; slice?: boolean | undefined; sort?: boolean | undefined; splice?: boolean | undefined; unshift?: boolean | undefined; indexOf?: boolean | undefined; lastIndexOf?: boolean | undefined; every?: boolean | undefined; some?: boolean | undefined; forEach?: boolean | undefined; map?: boolean | undefined; filter?: boolean | undefined; reduce?: boolean | undefined; reduceRight?: boolean | undefined; find?: boolean | undefined; findIndex?: boolean | undefined; fill?: boolean | undefined; copyWithin?: boolean | undefined; entries?: boolean | undefined; keys?: boolean | undefined; values?: boolean | undefined; includes?: boolean | undefined; flatMap?: boolean | undefined; flat?: boolean | undefined; at?: boolean | undefined; [Symbol.iterator]?: boolean | undefined; readonly [Symbol.unscopables]?: boolean | undefined; }",
                 "required": true,
                 "description": "Is an object whose properties have the value 'true' when they will be absent when used in a 'with' statement."
@@ -4290,8 +4484,7 @@
           "name": "tileUrlDark",
           "type": "string",
           "required": false,
-          "description": "Tiles to use in dark mode, from a provider that has a dark style. Without it the same tiles are darkened with `--map-tile-filter` (flat dark land, blue water, roads darker than the land).",
-          "since": "0.11.1"
+          "description": "Tiles to use in dark mode, from a provider that has a dark style. Without it the same tiles are darkened with `--map-tile-filter` (flat dark land, blue water, roads darker than the land)."
         },
         {
           "name": "theme",
@@ -4302,8 +4495,7 @@
             "dark"
           ],
           "default": "auto",
-          "description": "\"auto\" follows the surrounding theme (a `.dark` class on <html> or any ancestor).",
-          "since": "0.11.1"
+          "description": "\"auto\" follows the surrounding theme (a `.dark` class on <html> or any ancestor)."
         },
         {
           "name": "attribution",
@@ -4515,7 +4707,7 @@
         ],
         "requiresAccessibleName": true
       },
-      "since": "0.11.1",
+      "since": "0.11.0",
       "example": "import { MapControlButton } from '@sakaniui/react';\nimport { IconStar } from '@sakaniui/react/icons';\n\n<MapControlButton icon={IconStar} aria-label=\"Describe the action\" />",
       "aliases": [
         "map button",
@@ -4579,7 +4771,7 @@
         "requiredProps": [],
         "requiresAccessibleName": false
       },
-      "since": "0.11.1",
+      "since": "0.11.0",
       "example": "import { MapControls } from '@sakaniui/react';\n\n<MapControls />",
       "aliases": [
         "zoom controls",
@@ -4824,13 +5016,13 @@
                 "description": "Returns the item located at the specified index."
               },
               {
-                "name": "__@iterator@12750",
+                "name": "__@iterator@15310",
                 "type": "() => ArrayIterator<number>",
                 "required": true,
                 "description": "Iterator"
               },
               {
-                "name": "__@unscopables@12780",
+                "name": "__@unscopables@15340",
                 "type": "{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; concat?: boolean | undefined; join?: boolean | undefined; reverse?: boolean | undefined; shift?: boolean | undefined; slice?: boolean | undefined; sort?: boolean | undefined; splice?: boolean | undefined; unshift?: boolean | undefined; indexOf?: boolean | undefined; lastIndexOf?: boolean | undefined; every?: boolean | undefined; some?: boolean | undefined; forEach?: boolean | undefined; map?: boolean | undefined; filter?: boolean | undefined; reduce?: boolean | undefined; reduceRight?: boolean | undefined; find?: boolean | undefined; findIndex?: boolean | undefined; fill?: boolean | undefined; copyWithin?: boolean | undefined; entries?: boolean | undefined; keys?: boolean | undefined; values?: boolean | undefined; includes?: boolean | undefined; flatMap?: boolean | undefined; flat?: boolean | undefined; at?: boolean | undefined; [Symbol.iterator]?: boolean | undefined; readonly [Symbol.unscopables]?: boolean | undefined; }",
                 "required": true,
                 "description": "Is an object whose properties have the value 'true' when they will be absent when used in a 'with' statement."
@@ -4946,22 +5138,19 @@
             "dark"
           ],
           "default": "auto",
-          "description": "\"auto\" follows the surrounding theme. \"dark\" draws light dots wherever the globe sits, for a globe on a dark surface inside a light page. (The globe has no background of its own; it takes the colour behind it.)",
-          "since": "0.11.1"
+          "description": "\"auto\" follows the surrounding theme. \"dark\" draws light dots wherever the globe sits, for a globe on a dark surface inside a light page. (The globe has no background of its own; it takes the colour behind it.)"
         },
         {
           "name": "onMarkerClick",
           "type": "((index: number, marker: MapGlobeMarker) => void)",
           "required": false,
-          "description": "Called when a marker is clicked or activated from the keyboard (markers with a `label` get a hidden button).",
-          "since": "0.11.1"
+          "description": "Called when a marker is clicked or activated from the keyboard (markers with a `label` get a hidden button)."
         },
         {
           "name": "onMarkerHover",
           "type": "((index: number | null) => void)",
           "required": false,
-          "description": "Called when the pointer or keyboard focus moves onto a marker, and with null when it leaves.",
-          "since": "0.11.1"
+          "description": "Called when the pointer or keyboard focus moves onto a marker, and with null when it leaves."
         },
         {
           "name": "aria-label",
@@ -5217,13 +5406,13 @@
                 "description": "Returns the item located at the specified index."
               },
               {
-                "name": "__@iterator@12750",
+                "name": "__@iterator@15310",
                 "type": "() => ArrayIterator<number>",
                 "required": true,
                 "description": "Iterator"
               },
               {
-                "name": "__@unscopables@12780",
+                "name": "__@unscopables@15340",
                 "type": "{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; concat?: boolean | undefined; join?: boolean | undefined; reverse?: boolean | undefined; shift?: boolean | undefined; slice?: boolean | undefined; sort?: boolean | undefined; splice?: boolean | undefined; unshift?: boolean | undefined; indexOf?: boolean | undefined; lastIndexOf?: boolean | undefined; every?: boolean | undefined; some?: boolean | undefined; forEach?: boolean | undefined; map?: boolean | undefined; filter?: boolean | undefined; reduce?: boolean | undefined; reduceRight?: boolean | undefined; find?: boolean | undefined; findIndex?: boolean | undefined; fill?: boolean | undefined; copyWithin?: boolean | undefined; entries?: boolean | undefined; keys?: boolean | undefined; values?: boolean | undefined; includes?: boolean | undefined; flatMap?: boolean | undefined; flat?: boolean | undefined; at?: boolean | undefined; [Symbol.iterator]?: boolean | undefined; readonly [Symbol.unscopables]?: boolean | undefined; }",
                 "required": true,
                 "description": "Is an object whose properties have the value 'true' when they will be absent when used in a 'with' statement."
@@ -5257,8 +5446,7 @@
           "name": "hovered",
           "type": "boolean",
           "required": false,
-          "description": "Shows the hover appearance without a pointer (documentation and visual tests). Real hover works on its own.",
-          "since": "0.11.1"
+          "description": "Shows the hover appearance without a pointer (documentation and visual tests). Real hover works on its own."
         },
         {
           "name": "glide",
@@ -5525,13 +5713,13 @@
                 "description": "Returns the item located at the specified index."
               },
               {
-                "name": "__@iterator@12750",
+                "name": "__@iterator@15310",
                 "type": "() => ArrayIterator<number>",
                 "required": true,
                 "description": "Iterator"
               },
               {
-                "name": "__@unscopables@12780",
+                "name": "__@unscopables@15340",
                 "type": "{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; concat?: boolean | undefined; join?: boolean | undefined; reverse?: boolean | undefined; shift?: boolean | undefined; slice?: boolean | undefined; sort?: boolean | undefined; splice?: boolean | undefined; unshift?: boolean | undefined; indexOf?: boolean | undefined; lastIndexOf?: boolean | undefined; every?: boolean | undefined; some?: boolean | undefined; forEach?: boolean | undefined; map?: boolean | undefined; filter?: boolean | undefined; reduce?: boolean | undefined; reduceRight?: boolean | undefined; find?: boolean | undefined; findIndex?: boolean | undefined; fill?: boolean | undefined; copyWithin?: boolean | undefined; entries?: boolean | undefined; keys?: boolean | undefined; values?: boolean | undefined; includes?: boolean | undefined; flatMap?: boolean | undefined; flat?: boolean | undefined; at?: boolean | undefined; [Symbol.iterator]?: boolean | undefined; readonly [Symbol.unscopables]?: boolean | undefined; }",
                 "required": true,
                 "description": "Is an object whose properties have the value 'true' when they will be absent when used in a 'with' statement."
@@ -5566,8 +5754,7 @@
           "name": "pointer",
           "type": "boolean",
           "required": false,
-          "default": true,
-          "since": "0.11.1"
+          "default": true
         },
         {
           "name": "glide",
@@ -8054,6 +8241,123 @@
         "range input"
       ]
     },
+    {
+      "name": "SourceLogo",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "The real logo of a site an agent searched or read, in its brand colour: `<SourceLogo name=\"reddit\" />`, or `sourceLogo('reddit')` for any `icon` prop (a step's, a SourceStack chip's). Black brands draw in the text colour so they stay visible in dark mode.",
+      "props": [
+        {
+          "name": "name",
+          "type": "\"x\" | \"google\" | \"reddit\" | \"github\" | \"linkedin\" | \"youtube\" | \"hackernews\" | \"wikipedia\" | \"stackoverflow\" | \"producthunt\" | \"medium\" | \"notion\" | \"substack\" | \"arxiv\" | \"bluesky\" | \"perplexity\" | \"duckduckgo\"",
+          "required": true,
+          "values": [
+            "x",
+            "google",
+            "reddit",
+            "github",
+            "linkedin",
+            "youtube",
+            "hackernews",
+            "wikipedia",
+            "stackoverflow",
+            "producthunt",
+            "medium",
+            "notion",
+            "substack",
+            "arxiv",
+            "bluesky",
+            "perplexity",
+            "duckduckgo"
+          ],
+          "description": "Which site: \"google\", \"x\", \"reddit\", \"github\", \"linkedin\", \"youtube\", \"hackernews\", \"wikipedia\", \"stackoverflow\", \"producthunt\", \"medium\", \"notion\", \"substack\", \"arxiv\", \"bluesky\", \"perplexity\" or \"duckduckgo\"."
+        },
+        {
+          "name": "size",
+          "type": "string | number",
+          "required": false,
+          "default": 16,
+          "description": "Rendered size: px, or any CSS length. Default 16."
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "description": "Accessible name. Without it the logo is decorative (aria-hidden), which is right next to a text label."
+        }
+      ],
+      "contract": {
+        "requiredProps": [
+          "name"
+        ],
+        "requiresAccessibleName": false
+      },
+      "since": "0.12.0",
+      "example": "import { SourceLogo } from '@sakaniui/react';\n\n<SourceLogo name=\"x\" />",
+      "aliases": [
+        "brand logo",
+        "site logo",
+        "favicon",
+        "website logo",
+        "social logo",
+        "colour logo"
+      ]
+    },
+    {
+      "name": "SourceStack",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "Overlapping site-icon chips for a step's sources: pass `sources` as { label, icon } (three to five read best).",
+      "props": [
+        {
+          "name": "sources",
+          "type": "SourceStackSource[]",
+          "required": true,
+          "description": "The sources, in order. Three to five read best.",
+          "shape": {
+            "type": "SourceStackSource",
+            "collection": "array",
+            "fields": [
+              {
+                "name": "label",
+                "type": "string",
+                "required": true,
+                "description": "The site's name, e.g. \"Reddit\". Read out and shown as a tooltip."
+              },
+              {
+                "name": "icon",
+                "type": "IconComponent",
+                "required": false,
+                "description": "A brand or generic icon, drawn at 10px. Defaults to a globe."
+              }
+            ]
+          }
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "contract": {
+        "requiredProps": [
+          "sources"
+        ],
+        "requiresAccessibleName": false
+      },
+      "since": "0.12.0",
+      "example": "import { SourceStack } from '@sakaniui/react';\n\n<SourceStack sources={[{ label: \"Label\" }]} />",
+      "aliases": [
+        "sources",
+        "favicon stack",
+        "source chips",
+        "citations",
+        "citation chips",
+        "site icons"
+      ]
+    },
     {
       "name": "SpendingBalance",
       "kind": "component",
@@ -9715,6 +10019,63 @@
       "since": "0.3.0",
       "example": "import { WishlistButton } from '@sakaniui/react';\n\n<WishlistButton />"
     },
+    {
+      "name": "WorkingIndicator",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "The live status line under an agent's steps: a sparkle, \"Working\" and the elapsed time (`startedAt` ticks on its own), or a check and \"Worked for 11s\" when done.",
+      "props": [
+        {
+          "name": "status",
+          "type": "\"done\" | \"working\"",
+          "required": false,
+          "values": [
+            "done",
+            "working"
+          ],
+          "default": "done",
+          "description": "\"working\" shows a sparkle and a shimmering label; \"done\" shows a check. Defaults to \"working\"."
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "description": "Replaces the default label (\"Working\" / \"Worked for\")."
+        },
+        {
+          "name": "elapsed",
+          "type": "number",
+          "required": false,
+          "description": "Elapsed seconds. Takes precedence over startedAt."
+        },
+        {
+          "name": "startedAt",
+          "type": "number",
+          "required": false,
+          "description": "Epoch ms when the work started; while \"working\" the time ticks on its own."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "contract": {
+        "requiredProps": [],
+        "requiresAccessibleName": false
+      },
+      "since": "0.12.0",
+      "example": "import { WorkingIndicator } from '@sakaniui/react';\n\n<WorkingIndicator />",
+      "aliases": [
+        "thinking indicator",
+        "working status",
+        "agent status",
+        "typing status",
+        "elapsed timer",
+        "shimmer label"
+      ]
+    },
     {
       "name": "XIcon",
       "kind": "component",
@@ -12792,6 +13153,16 @@
       "import": "@sakaniui/react",
       "since": "0.3.0"
     },
+    {
+      "name": "sourceLogo",
+      "kind": "helper",
+      "import": "@sakaniui/react"
+    },
+    {
+      "name": "sourceLogoNames",
+      "kind": "helper",
+      "import": "@sakaniui/react"
+    },
     {
       "name": "syncLiquidBackdrop",
       "kind": "helper",