@ocai/app-sdk-ui 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,84 +1,338 @@
 "use client";
-import { createMathPlugin as e } from "@streamdown/math";
-import { Streamdown as t } from "streamdown";
-import { clsx as n } from "clsx";
-import { twMerge as r } from "tailwind-merge";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckIcon as s, ChevronDownIcon as c, CircleCheckIcon as l, ClockIcon as u, GlobeIcon as d, Loader2Icon as f, WrenchIcon as p, XIcon as m } from "lucide-react";
-import { createContext as h, isValidElement as g, memo as _, useContext as v, useEffect as y, useId as ee, useRef as b, useState as x } from "react";
-import { Collapsible as S, Slot as te, Tooltip as C } from "radix-ui";
-import { cva as w } from "class-variance-authority";
+import { createCodePlugin as e } from "@streamdown/code";
+import { createMathPlugin as t } from "@streamdown/math";
+import { Streamdown as n } from "streamdown";
+import { clsx as r } from "clsx";
+import { twMerge as i } from "tailwind-merge";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CheckIcon as c, ChevronDownIcon as l, CircleCheckIcon as u, ClockIcon as d, GlobeIcon as f, Loader2Icon as p, WrenchIcon as m, XIcon as h } from "lucide-react";
+import { createContext as g, isValidElement as _, memo as v, useContext as ee, useEffect as y, useId as b, useRef as x, useState as S } from "react";
+import { Collapsible as C, Slot as w, Tooltip as T } from "radix-ui";
+import { cva as E } from "class-variance-authority";
 //#region src/lib/cn.ts
-function T(...e) {
-	return r(n(e));
+function D(...e) {
+	return i(r(e));
 }
-//#endregion
-//#region src/chat/response.tsx
-var E = e({ singleDollarTextMath: !0 });
-function ne({ className: e, ...n }) {
-	return /* @__PURE__ */ a(t, {
-		className: T("ocui-md size-full text-base font-normal leading-6 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_code]:whitespace-pre-wrap [&_code]:wrap-break-word [&_pre]:max-w-full [&_pre]:overflow-x-auto", e),
-		plugins: { math: E },
+var O = [{
+	name: "codex-light",
+	type: "light",
+	fg: "#383a42",
+	bg: "transparent",
+	tokenColors: [
+		{
+			scope: /* @__PURE__ */ "customrule(keyword.control.as.js(keyword.control.as.jsx(keyword.control.as.ts(keyword.control.as.tsx(keyword.operator(markup.heading.setext(markup.raw.block.markdown(meta.array-binding-pattern-variable.js(meta.array-binding-pattern-variable.ts(meta.array-binding-pattern-variable.tsx(meta.brace.round.js(meta.brace.round.ts(meta.brace.round.tsx(meta.brace.square.js(meta.brace.square.ts(meta.brace.square.tsx(meta.class.body(meta.class.js,meta.class.ts,meta.class.jsx,meta.class.tsx(meta.class.php(meta.definition.property.js variable(meta.definition.property.jsx variable(meta.definition.property.ts variable(meta.definition.property.tsx variable(meta.method(meta.method-call(meta.property-list.scss punctuation.separator.key-value.scss(meta.separator(meta.tag(meta.tag.js punctuation.section.embedded(meta.tag.jsx punctuation.section.embedded(meta.tag.ts punctuation.section.embedded(meta.tag.tsx punctuation.section.embedded(meta.type.parameters.js support.type(meta.type.parameters.jsx support.type(meta.type.parameters.ts support.type(meta.type.parameters.tsx support.type(ng.attribute-with-value string.begin(ng.attribute-with-value string.end(ng.interpolation bracket(ng.operator(ng.pipe(none(punctuation.definition.array(punctuation.definition.function-parameters(punctuation.definition.metadata.markdown(punctuation.definition.method-parameters(punctuation.definition.parameters(punctuation.definition.separator(punctuation.definition.seperator(punctuation.definition.string.begin.markdown(punctuation.definition.string.end.markdown(punctuation.section.class(punctuation.section.inner-class(punctuation.section.method(punctuation.separator.annotation.python(punctuation.separator.parameter.js(punctuation.separator.parameter.ts(punctuation.separator.parameter.tsx (punctuation.separator.parameters.python(punctuation.terminator.statement.js(punctuation.terminator.statement.ts(punctuation.terminator.statement.tsx(source.cs keyword.operator(source.css property-name.support(source.css property-value.support(source.elixir source.embedded.source(source.java-properties meta.key-pair > punctuation(source.js meta.import-equals.external.js keyword.operator(source.js meta.tag.js keyword.operator(source.js punctuation.accessor(source.js punctuation.definition.block(source.js punctuation.definition.typeparameters(source.js punctuation.separator.comma(source.jsx meta.import-equals.external.jsx keyword.operator(source.jsx meta.tag.jsx keyword.operator(source.php class.bracket(source.python constant.other(source.ts meta.import-equals.external.ts keyword.operator(source.ts meta.tag.ts keyword.operator(source.ts punctuation.accessor(source.ts punctuation.definition.block(source.ts punctuation.definition.typeparameters(source.ts punctuation.separator.comma(source.tsx meta.import-equals.external.tsx keyword.operator(source.tsx meta.tag.tsx keyword.operator(source.tsx punctuation.accessor(source.tsx punctuation.definition.block(source.tsx punctuation.definition.typeparameters(source.tsx punctuation.separator.comma(storage.modifier.import(storage.modifier.lifetime.rust(storage.modifier.package(string > source(string embedded(support.constant.property-value.css(support.type.property-name(variable.other.object.cs(variable.other.object.js(variable.other.object.property.cs(variable.other.object.ts(variable.other.readwrite.cs(variable.other.readwrite.js(variable.other.readwrite.ts(variable.other.readwrite.tsx(variable.parameter".split("("),
+			settings: { foreground: "#383A42" }
+		},
+		{
+			scope: /* @__PURE__ */ "beginning.punctuation.definition.list.markdown,constant.language.import-export-all.js,constant.language.import-export-all.ts,entity.name.section.markdown,entity.name.tag,entity.name.variable.field.cs,keyword.control.default.js,keyword.control.default.ts,keyword.control.default.tsx,markup.deleted,markup.heading,meta.definition.variable,meta.export.default.js variable.other.readwrite.js,meta.export.default.ts variable.other.readwrite.ts,meta.object-literal.key.js,meta.object-literal.key.ts,ng.interpolation,ng.interpolation function,punctuation.definition.heading.markdown,punctuation.definition.variable.php,punctuation.definition.variable.shell,punctuation.separator.key-value.scss,punctuation.separator.variable.ruby,source.elixir embedded.section,source.elixir embedded.source.empty,source.elixir keyword.special-method,source.elixir readwrite.module punctuation,source.ini keyword.other.definition.ini,source.java-properties meta.key-pair,source.js support.variable,source.json meta.structure.dictionary.json > string.quoted.json,source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string,source.ts support.variable,source.tsx support.variable,string.other.link,support.type.object.module.js,support.type.object.module.jsx,support.type.object.module.ts,support.type.object.module.tsx,support.type.property-name.json,support.type.property-name.json punctuation,support.variable.dom.js,support.variable.dom.ts,support.variable.magic.python,support.variable.property.dom.js,support.variable.property.dom.ts,support.variable.property.js,support.variable.property.ts,support.variable.property.tsx,variable,variable.other.readwrite.alias.js,variable.other.readwrite.alias.jsx,variable.other.readwrite.alias.ts,variable.other.readwrite.alias.tsx".split(","),
+			settings: { foreground: "#E45649" }
+		},
+		{
+			scope: /* @__PURE__ */ "keyword,keyword.control,keyword.operator.expression.in.js,keyword.operator.expression.in.jsx,keyword.operator.expression.in.ts,keyword.operator.expression.in.tsx,keyword.operator.expression.instanceof.js,keyword.operator.expression.instanceof.ts,keyword.operator.expression.instanceof.tsx,keyword.operator.expression.of.js,keyword.operator.expression.of.ts,keyword.operator.expression.of.tsx,keyword.operator.new.j,keyword.operator.new.ts,keyword.operator.new.tsx,keyword.other.unsafe.rust,markup.changed,markup.underline.link.image.markdown,markup.underline.link.markdown,meta.selector,ng.attribute-with-value string,punctuation.definition.metadata.markdown,source.c keyword.operator,source.cpp keyword.operator,source.cs keyword.operator,source.elixir variable.anonymous,source.elixir variable.definition,source.go storage.type.string,source.java keyword.operator.instanceof,source.js keyword.operator.delete,source.js keyword.operator.in,source.js keyword.operator.instanceof,source.js keyword.operator.new,source.js keyword.operator.of,source.js keyword.operator.typeof,source.js keyword.operator.void,source.python keyword.operator.logical.python,storage,storage.type.annotation,storage.type.primitive".split(","),
+			settings: { foreground: "#A626A4" }
+		},
+		{
+			scope: /* @__PURE__ */ "constant,constant.character.format.placeholder.other.python storage,constant.numeric,constant.variable,entity.name.lifetime.rust,entity.other.attribute-name,keyword.other.unit,markup.quote,meta.array-binding-pattern-variable.js variable.other.readwrite.js,meta.array-binding-pattern-variable.ts variable.other.readwrite.ts,meta.array-binding-pattern-variable.tsx variable.other.readwrite.tsx,meta.attribute.rust,meta.function.parameters.python,meta.link,ng.interpolation bool,punctuation.definition.bold.markdown,punctuation.definition.constant.css,punctuation.definition.constant.scss,source.elixir keyword.operator,source.elixir separator,source.python constant,source.python variable.parameter,support.constant,variable.other.constant.js,variable.other.constant.jsx,variable.other.constant.object.js,variable.other.constant.object.jsx,variable.other.constant.object.ts,variable.other.constant.object.tsx,variable.other.constant.property.js,variable.other.constant.property.ts,variable.other.constant.property.tsx,variable.other.constant.ruby,variable.other.constant.ts,variable.other.constant.tsx".split(","),
+			settings: { foreground: "#986801" }
+		},
+		{
+			scope: /* @__PURE__ */ "constant.character.escape,constant.language.import-export-all.jsx,constant.language.import-export-all.tsx,constant.language.json,constant.other.color,constant.other.symbol,entity.name.type.rust,markup.link,ng.tag,punctuation.separator.key-value.js,punctuation.separator.key-value.ts,punctuation.separator.key-value.tsx,source.flow keyword.operator,source.js keyword.operator,source.js.embedded.html keyword.operator,source.json meta.structure.array.json > constant.language.json,source.json meta.structure.dictionary.json > constant.language.json,source.ts keyword.operator,source.ts.embedded.html keyword.operator,source.tsx keyword.operator,storage.class.std.rust,storage.type.core.rust,storage.type.property.js,storage.type.property.jsx,storage.type.property.ts,storage.type.property.tsx,string.regexp,support.function,support.type".split(","),
+			settings: { foreground: "#0184BC" }
+		},
+		{
+			scope: [
+				"entity.name.type.module.js,entity.name.type.module.ts,entity.name.type.module.jsx,entity.name.type.module.tsx",
+				"keyword.operator.other.ruby",
+				"markup.inline.raw.markdown",
+				"markup.inserted",
+				"markup.raw",
+				"meta.template.expression.js string.quoted punctuation.definition",
+				"meta.template.expression.js string.template punctuation.definition.string.template",
+				"meta.template.expression.jsx string.quoted punctuation.definition",
+				"meta.template.expression.jsx string.template punctuation.definition.string.template",
+				"meta.template.expression.ts string.quoted punctuation.definition",
+				"meta.template.expression.ts string.template punctuation.definition.string.template",
+				"meta.template.expression.tsx string.quoted punctuation.definition",
+				"meta.template.expression.tsx string.template punctuation.definition.string.template",
+				"source.elixir quoted",
+				"source.js meta.template.expression.js punctuation.accessor",
+				"source.json meta.structure.array.json > value.json > string.quoted.json",
+				"source.json meta.structure.array.json > value.json > string.quoted.json > punctuation",
+				"source.json meta.structure.dictionary.json > value.json > string.quoted.json",
+				"source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation",
+				"source.ts meta.template.expression.ts punctuation.accessor",
+				"source.tsx meta.template.expression.tsx punctuation.accessor",
+				"string",
+				"string.quoted.double punctuation"
+			],
+			settings: { foreground: "#50A14F" }
+		},
+		{
+			scope: [
+				"entity.name.function",
+				"entity.name.section",
+				"entity.name.variable.property.cs",
+				"entity.other.attribute-name.id",
+				"keyword.other.special-method",
+				"markup.heading punctuation.definition.heading",
+				"meta.require",
+				"ng.interpolation function.begin",
+				"ng.interpolation function.end",
+				"ng.interpolation.begin",
+				"ng.interpolation.end",
+				"punctuation.definition.heading",
+				"punctuation.definition.identity",
+				"source.elixir constant.definition",
+				"source.elixir constant.language",
+				"source.elixir constant.numeric",
+				"source.gfm link entity",
+				"string.other.link.description.markdown",
+				"string.other.link.title.markdown",
+				"support.function.any-method"
+			],
+			settings: { foreground: "#4078F2" }
+		},
+		{
+			scope: [
+				"entity.name.class",
+				"entity.name.type",
+				"entity.name.type.class",
+				"entity.other.inherited-class",
+				"meta.array.literal.js variable",
+				"meta.array.literal.jsx variable",
+				"meta.array.literal.ts variable",
+				"meta.array.literal.tsx variable",
+				"meta.class",
+				"ng.attribute-with-value attribute-name",
+				"source.elixir variable.constant",
+				"source.java storage.modifier.import",
+				"source.java storage.type",
+				"storage.type.cs",
+				"storage.type.primitive.array.java",
+				"string.regexp source.ruby.embedded",
+				"support.class"
+			],
+			settings: { foreground: "#C18401" }
+		},
+		{
+			scope: [
+				"meta.template.expression.js punctuation.definition",
+				"meta.template.expression.ts punctuation.definition",
+				"punctuation.section.embedded",
+				"source.elixir regexp.section",
+				"source.elixir regexp.string",
+				"variable.interpolation"
+			],
+			settings: { foreground: "#CA1243" }
+		},
+		{
+			scope: [
+				"source.css property-name",
+				"source.css property-value",
+				"source.elixir array",
+				"source.elixir scope",
+				"source.elixir section"
+			],
+			settings: { foreground: "#696C77" }
+		},
+		{
+			scope: ["comment", "markup.quote.markdown"],
+			settings: {
+				foreground: "#A0A1A7",
+				fontStyle: "italic"
+			}
+		},
+		{
+			scope: ["comment markup.link", "punctuation.definition.comment"],
+			settings: { foreground: "#A0A1A7" }
+		},
+		{
+			scope: ["markup.italic", "punctuation.definition.italic"],
+			settings: {
+				foreground: "#A626A4",
+				fontStyle: "italic"
+			}
+		},
+		{
+			scope: ["punctuation.definition.bold"],
+			settings: {
+				foreground: "#C18401",
+				fontStyle: "bold"
+			}
+		},
+		{
+			scope: ["invalid.deprecated"],
+			settings: {
+				foreground: "#000000",
+				background: "#F2A60D"
+			}
+		},
+		{
+			scope: ["invalid.illegal"],
+			settings: {
+				foreground: "#50A14F",
+				background: "#FF1414"
+			}
+		},
+		{
+			scope: ["markup.bold"],
+			settings: {
+				foreground: "#986801",
+				fontStyle: "bold"
+			}
+		},
+		{
+			scope: ["source.elixir parameter.variable.function"],
+			settings: {
+				foreground: "#986801",
+				fontStyle: "italic"
+			}
+		},
+		{
+			scope: ["source.ruby constant.other.symbol > punctuation"],
+			settings: { foreground: "inherit" }
+		}
+	]
+}, {
+	name: "codex-dark",
+	type: "dark",
+	fg: "#ffffff",
+	bg: "transparent",
+	tokenColors: [
+		{
+			scope: /* @__PURE__ */ "beginning.punctuation.definition.list.markdown(constant(constant.character.character-class.regexp.xi(constant.character.entity(constant.character.format.placeholder.other.python(constant.numeric(constant.other.character-class.regexp(control.elements, keyword.operator.less(entity.global.clojure(entity.name.class(entity.name.class.identifier.namespace.type(entity.name.function.xi(entity.name.label(entity.name.label.cs(entity.name.lifetime.rust(entity.name.namespace(entity.name.package.go(entity.name.scope-resolution.function.call(entity.name.scope-resolution.function.definition(entity.name.section.markdown(entity.name.tag(entity.name.type(entity.name.type.module(entity.name.type.namespace(entity.name.variable.field.cs(entity.name.variable.local.cs(entity.name.variable.parameter.cs(entity.other.attribute-name(entity.other.attribute-name.class.css(entity.other.inherited-class(import.storage.java(inline-color-decoration rgb-value(invalid.deprecated.entity.other.attribute-name.html(invalid.illegal.unrecognized-tag.html(keyword.operator.assignment.go(keyword.operator.quantifier.regexp(keyword.other.unit(less rgb-value(log.error(log.warning(markup.bold,todo.bold(markup.changed.diff(markup.deleted(markup.deleted.diff(markup.heading(markup.heading.setext.1.markdown(markup.heading.setext.2.markdown(markup.list.asciidoc(meta.arguments.coffee(meta.definition.variable.name.groovy(meta.definition.variable.name.java(meta.function.c,meta.function.cpp(meta.property.object(meta.scope.prerequisites.makefile(meta.symbol.clojure(punctuation.definition.asciidoc(punctuation.definition.bold(punctuation.definition.bold.markdown(punctuation.definition.constant(punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison(punctuation.definition.heading.markdown(punctuation.definition.list.begin.markdown(punctuation.definition.list.markdown(punctuation.definition.metadata.markdown(punctuation.definition.raw.markdown(punctuation.definition.string.begin.markdown(punctuation.definition.string.end.markdown(punctuation.section.embedded, variable.interpolation(selector.sass(source.java(source.json meta.structure.dictionary.json > string.quoted.json(source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string(source.makefile(storage.modifier.import.groovy(storage.modifier.import.java,storage.type.java,storage.type.generic.java(storage.type.annotation.java(storage.type.cs(storage.type.haskell(storage.type.object.array.java(storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php(string.regexp(support.class, entity.name.type.class(support.constant.color.w3c-standard-color-name.css(support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss(support.constant.core.rust(support.constant.elm(support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php(support.constant.font-name(support.constant.json(support.constant.math(support.constant.property-value.scss,support.constant.property-value.css(support.constant.property.math(support.module.node,support.type.object.module,support.module.node(support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php(support.other.parenthesis.regexp(support.type.object.console(support.type.primitive(support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx(support.type.property-name.json(support.type.property-name.json punctuation(support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml(support.type.swift(support.type.vb.asp(support.variable.dom,support.variable.property.dom(support.variable.magic.python(support.variable.property.process(support.variable.semantic.hlsl(text.bracketed(text.variable(token.storage.type.java(token.warn-token(variable(variable.language(variable.language.rust(variable.other.class.js(variable.other.class.php(variable.other.class.ts(variable.other.constant(variable.other.constant.property(variable.other.object(variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node(variable.other.readwrite.c(variable.parameter.function.coffee(variable.parameter.function.js(variable.parameter.function.language.python(variable.parameter.function.language.special.cls.python(variable.parameter.function.language.special.self.python(variable.parameter.function.latex(variable.parameter.function.python(wikiword.xi".split("("),
+			settings: { foreground: "#df3079" }
+		},
+		{
+			scope: /* @__PURE__ */ "constant.character.escape(constant.keyword.clojure(constant.language.symbol.double-quoted.elixir(constant.language.symbol.elixir(constant.language.symbol.hashkey.ruby(constant.language.symbol.ruby(constant.numeric.decimal.asm.x86_64(constant.other.symbol(constant.regexp.xi(emphasis md(entity.name.class.xi(entity.other.attribute-name.pseudo-class(entity.other.attribute-name.pseudo-element(keyword(keyword.control(keyword.control.xi(keyword.operator.address.go(keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational(keyword.operator.arithmetic.c(keyword.operator.arithmetic.cpp(keyword.operator.arithmetic.go(keyword.operator.assignment(keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp(keyword.operator.assignment.compound(keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts(keyword.operator.bitwise(keyword.operator.channel(keyword.operator.comparison.php(keyword.operator.css,keyword.operator.scss,keyword.operator.less(keyword.operator.delete(keyword.operator.error-control.php(keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void(keyword.operator.expression.instanceof(keyword.operator.expression.is(keyword.operator.expression.keyof(keyword.operator.heredoc.php,keyword.operator.nowdoc.php(keyword.operator.instanceof.java(keyword.operator.logical(keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php(keyword.operator.logical.python(keyword.operator.module(keyword.operator.new(keyword.operator.optional(keyword.operator.regexp.php(keyword.operator.sigil.rust(keyword.operator.sizeof.c,keyword.operator.sizeof.cpp(keyword.operator.ternary(keyword.operator.type.php(keyword.operator.word(markup.italic, punctuation.definition.italic,todo.emphasis(markup.link.asciidoc,markup.other.url.asciidoc(markup.underline.link.markdown,markup.underline.link.image.markdown(meta.selector(punctuation.definition.template-expression.begin(punctuation.definition.template-expression.end(punctuation.quasi.element(punctuation.section.embedded(punctuation.section.embedded.begin,punctuation.section.embedded.end(punctuation.separator.c,punctuation.separator.cpp(rgb-value(source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json(storage(string.regexp(support.constant.edge(support.function(support.token.decorator.python,meta.function.decorator.identifier.python(support.type.fx.hlsl(support.type.object.dom(support.type.object.hlsl(support.type.object.rw.hlsl(support.type.posix-reserved.c,support.type.posix-reserved.cpp(support.type.prelude.elm(support.type.python(support.type.sampler.hlsl(support.type.texture.hlsl(support.type.vendored.property-name.css(text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade(text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade(token.debug-token(token.package.keyword(token.storage(variable.other.generic-type.haskell".split("("),
+			settings: { foreground: "#2e95d3" }
+		},
+		{
+			scope: /* @__PURE__ */ " meta.brace.square(block.scope.end,block.scope.begin(entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php(function.brace(function.parameter(function.parameter.ruby, function.parameter.cs(invalid.illegal.bad-ampersand.html(invalid.xi(keyword.operator(keyword.operator.misc.rust(markup.heading.setext(meta.embedded(meta.tag(meta.template.expression(punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python(punctuation.definition.block.sequence.item.yaml(punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php(punctuation.section.array.begin.php(punctuation.section.array.end.php(punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c(punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java(punctuation.section.embedded.begin.php(punctuation.section.embedded.end.php(punctuation.separator.delimiter(punctuation.separator.key-value(punctuation.separator.list.comma.css(punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python(storage.modifier.lifetime.rust(support.constant.property-value(support.other.namespace.php(support.type.property-name(token.package(token.variable.parameter.java(variable.c(variable.parameter.function".split("("),
+			settings: { foreground: "#ffffff" }
+		},
+		{
+			scope: /* @__PURE__ */ "accent.xi(constant.character.xi(constant.other.color.rgb-value.xi(constant.other.general.math.tex(entity.name.function(entity.name.function,support.function.console(entity.name.goto-label.php,support.other.php(entity.other.attribute-name.id(invalid.broken(invalid.deprecated(invalid.illegal(invalid.illegal.non-null-typehinted.php(invalid.unimplemented(keyword.operator.expression.import(keyword.other.special-method(markup.heading punctuation.definition.heading, entity.name.section(meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff(meta.function-call.generic.python(meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php(meta.function.decorator.python(meta.method.groovy(meta.method.java(meta.require(string.other.link.title.markdown,string.other.link.description.markdown(string.unquoted.asciidoc,markup.other.url.asciidoc(support.class.math.block.environment.latex(support.function.any-method(support.function.std.rust(support.type.type.flowtype(token.error-token(token.info-token(variable.function".split("("),
+			settings: { foreground: "#f22c3d" }
+		},
+		{
+			scope: [
+				"beginning.punctuation.definition.quote.markdown.xi",
+				"constant.character.math.tex",
+				"keyword.other.substitution.begin",
+				"keyword.other.substitution.end",
+				"keyword.other.template.begin",
+				"keyword.other.template.end",
+				"log.info",
+				"markup.inline.raw.markdown",
+				"markup.inline.raw.string.markdown",
+				"markup.inserted",
+				"markup.inserted.diff",
+				"markup.raw.monospace.asciidoc",
+				"meta.definition.class.inherited.classes.groovy",
+				"source.ini",
+				"source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation",
+				"string"
+			],
+			settings: { foreground: "#00a67d" }
+		},
+		{
+			scope: [
+				"beginning.punctuation.definition.list.markdown.xi",
+				"comment markup.link",
+				"markup.quote.markdown",
+				"punctuation.definition.tag.xi"
+			],
+			settings: { foreground: "#ffffff80" }
+		},
+		{
+			scope: ["comment, punctuation.definition.comment"],
+			settings: {
+				foreground: "#ffffff80",
+				fontStyle: "italic"
+			}
+		},
+		{
+			scope: [
+				"meta.tag",
+				"punctuation.definition.tag",
+				"punctuation.definition.tag.begin",
+				"punctuation.definition.tag.end",
+				"keyword.other.shebang",
+				"meta.preprocessor"
+			],
+			settings: { foreground: "#ffffff99" }
+		}
+	]
+}], k = t({ singleDollarTextMath: !0 }), A = e({ themes: O });
+function j({ className: e, ...t }) {
+	return /* @__PURE__ */ o(n, {
+		className: D("ocui-md size-full text-base font-normal leading-6 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_code]:whitespace-pre-wrap [&_code]:wrap-break-word [&_pre]:max-w-full [&_pre]:overflow-x-auto", e),
+		plugins: {
+			math: k,
+			code: A
+		},
 		controls: {
 			table: !1,
 			code: { download: !1 }
 		},
-		...n
+		...t
 	});
 }
 //#endregion
 //#region src/chat/message.tsx
-var D = {
+var te = {
 	user: "w-fit wrap-break-word rounded-md bg-card px-3 py-1.5 text-primary",
 	assistant: "bg-transparent px-0 py-0 text-left text-foreground"
-}, O = ({ children: e, className: t, variant: n = "user", ...r }) => /* @__PURE__ */ a("div", {
-	className: T("flex flex-col gap-2 overflow-hidden text-base font-normal leading-6", D[n], t),
+}, ne = ({ children: e, className: t, variant: n = "user", ...r }) => /* @__PURE__ */ o("div", {
+	className: D("flex flex-col gap-2 overflow-hidden text-base font-normal leading-6", te[n], t),
 	...r,
 	children: e
 });
 //#endregion
 //#region src/internal/collapsible.tsx
-function k({ ...e }) {
-	return /* @__PURE__ */ a(S.Root, {
+function M({ ...e }) {
+	return /* @__PURE__ */ o(C.Root, {
 		"data-slot": "collapsible",
 		...e
 	});
 }
-function A({ ...e }) {
-	return /* @__PURE__ */ a(S.CollapsibleTrigger, {
+function N({ ...e }) {
+	return /* @__PURE__ */ o(C.CollapsibleTrigger, {
 		"data-slot": "collapsible-trigger",
 		...e
 	});
 }
-function j({ ...e }) {
-	return /* @__PURE__ */ a(S.CollapsibleContent, {
+function P({ ...e }) {
+	return /* @__PURE__ */ o(C.CollapsibleContent, {
 		"data-slot": "collapsible-content",
 		...e
 	});
 }
+var re = "overflow-hidden outline-hidden transition-opacity data-[state=closed]:opacity-0 data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up";
 //#endregion
 //#region src/chat/reasoning.tsx
-function re({ prop: e, defaultProp: t, onChange: n }) {
-	let [r, i] = x(t), a = e !== void 0;
+function ie({ prop: e, defaultProp: t, onChange: n }) {
+	let [r, i] = S(t), a = e !== void 0;
 	return [a ? e : r, (e) => {
 		a || i(e), n?.(e);
 	}];
 }
-var M = h(null), ie = () => {
-	let e = v(M);
+var F = g(null), ae = () => {
+	let e = ee(F);
 	if (!e) throw Error("Reasoning components must be used within Reasoning");
 	return e;
-}, ae = 500, N = _(({ className: e, isStreaming: t = !1, duration: n = 0, open: r, defaultOpen: i = !0, onOpenChange: o, children: s, ...c }) => {
-	let [l, u] = re({
+}, oe = 500, I = v(({ className: e, isStreaming: t = !1, duration: n = 0, open: r, defaultOpen: i = !0, onOpenChange: a, children: s, ...c }) => {
+	let [l, u] = ie({
 		prop: r,
 		defaultProp: i,
-		onChange: o
-	}), [d, f] = x(!1), p = b(u);
+		onChange: a
+	}), [d, f] = S(!1), p = x(u);
 	return p.current = u, y(() => {
 		if (i && !t && l && !d) {
 			let e = setTimeout(() => {
 				p.current(!1), f(!0);
-			}, ae);
+			}, oe);
 			return () => clearTimeout(e);
 		}
 	}, [
@@ -86,15 +340,15 @@ var M = h(null), ie = () => {
 		l,
 		i,
 		d
-	]), /* @__PURE__ */ a(M.Provider, {
+	]), /* @__PURE__ */ o(F.Provider, {
 		value: {
 			isStreaming: t,
 			isOpen: l,
 			setIsOpen: u,
 			duration: n
 		},
-		children: /* @__PURE__ */ a(k, {
-			className: T("not-prose", e),
+		children: /* @__PURE__ */ o(M, {
+			className: D("not-prose", e),
 			onOpenChange: u,
 			open: l,
 			...c,
@@ -102,106 +356,106 @@ var M = h(null), ie = () => {
 		})
 	});
 });
-function oe({ variant: e, isStreaming: t, duration: n }) {
+function se({ variant: e, isStreaming: t, duration: n }) {
 	let r = e === "tools";
 	return t ? r ? "Working…" : "Thinking…" : n > 0 ? r ? `Worked for ${n}s` : `Thought for ${n}s` : r ? "Worked" : "Thought";
 }
-var P = _(({ className: e, children: t, variant: n = "reasoning", label: r, ...s }) => {
-	let { isStreaming: l, isOpen: u, duration: d } = ie(), f = r ?? oe({
+var L = v(({ className: e, children: t, variant: n = "reasoning", label: r, ...i }) => {
+	let { isStreaming: c, isOpen: u, duration: d } = ae(), f = r ?? se({
 		variant: n,
-		isStreaming: l,
+		isStreaming: c,
 		duration: d
 	});
-	return /* @__PURE__ */ a(A, {
-		className: T("flex items-center gap-1 rounded-md px-1.5 py-0.5 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", e),
-		...s,
-		children: t ?? /* @__PURE__ */ o(i, { children: [
-			n === "tools" && /* @__PURE__ */ a(p, { className: "size-3" }),
-			/* @__PURE__ */ a("span", {
-				className: T(l && "ocui-shimmer"),
+	return /* @__PURE__ */ o(N, {
+		className: D("flex items-center gap-1 rounded-md px-1.5 py-0.5 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", e),
+		...i,
+		children: t ?? /* @__PURE__ */ s(a, { children: [
+			n === "tools" && /* @__PURE__ */ o(m, { className: "size-3" }),
+			/* @__PURE__ */ o("span", {
+				className: D(c && "ocui-shimmer"),
 				children: f
 			}),
-			/* @__PURE__ */ a(c, { className: T("size-2.5 transition-transform", u ? "rotate-180" : "rotate-0") })
+			/* @__PURE__ */ o(l, { className: D("size-2.5 transition-transform", u ? "rotate-180" : "rotate-0") })
 		] })
 	});
-}), F = "grid gap-1 text-sm text-muted-foreground/80 **:text-sm [&_code]:bg-transparent [&_code]:p-0 [&_code]:font-semibold [&_code]:text-foreground [&_li]:my-0 [&_ol]:my-1 [&_p]:my-0 [&_ul]:my-1", I = _(({ className: e, ...t }) => /* @__PURE__ */ a(j, {
-	className: T(F, "mt-1.5", e),
+}), R = "grid gap-1 text-sm text-muted-foreground/80 **:text-sm [&_code]:bg-transparent [&_code]:p-0 [&_code]:font-semibold [&_code]:text-foreground [&_li]:my-0 [&_ol]:my-1 [&_p]:my-0 [&_ul]:my-1", z = v(({ className: e, ...t }) => /* @__PURE__ */ o(P, {
+	className: D(R, "mt-1.5", e),
 	...t
 }));
-N.displayName = "Reasoning", P.displayName = "ReasoningTrigger", I.displayName = "ReasoningContent";
+I.displayName = "Reasoning", L.displayName = "ReasoningTrigger", z.displayName = "ReasoningContent";
 //#endregion
 //#region src/chat/tool-value.tsx
-var se = 8, L = 240, ce = 2e4, R = (e) => e === null || typeof e != "object" && typeof e != "function", z = (e) => {
+var ce = 8, B = 240, le = 2e4, V = (e) => e === null || typeof e != "object" && typeof e != "function", H = (e) => {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
-}, B = (e) => Array.isArray(e) && e.every(R), le = (e) => {
-	if (!z(e)) return !1;
+}, U = (e) => Array.isArray(e) && e.every(V), ue = (e) => {
+	if (!H(e)) return !1;
 	let t = Object.keys(e);
-	return t.length === 0 || t.length > se ? !1 : t.every((t) => R(e[t]) || B(e[t]));
-}, V = (e) => g(e) ? !0 : e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : R(e) ? !0 : Array.isArray(e) ? e.length > 0 : z(e) ? Object.keys(e).length > 0 : !0, H = (e, t = ce) => e.length > t ? `${e.slice(0, t)}\n… (truncated)` : e, ue = (e) => {
+	return t.length === 0 || t.length > ce ? !1 : t.every((t) => V(e[t]) || U(e[t]));
+}, W = (e) => _(e) ? !0 : e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : V(e) ? !0 : Array.isArray(e) ? e.length > 0 : H(e) ? Object.keys(e).length > 0 : !0, G = (e, t = le) => e.length > t ? `${e.slice(0, t)}\n… (truncated)` : e, de = (e) => {
 	try {
 		let t = JSON.stringify(e, null, 2);
-		return t === void 0 ? String(e) : H(t);
+		return t === void 0 ? String(e) : G(t);
 	} catch {
 		return String(e);
 	}
-}, U = ({ value: e }) => {
-	if (e == null) return /* @__PURE__ */ a("span", {
+}, K = ({ value: e }) => {
+	if (e == null) return /* @__PURE__ */ o("span", {
 		className: "font-mono text-muted-foreground",
 		children: "null"
 	});
-	if (typeof e != "string") return /* @__PURE__ */ a("span", {
+	if (typeof e != "string") return /* @__PURE__ */ o("span", {
 		className: "font-mono text-foreground",
 		children: String(e)
 	});
-	if (e === "") return /* @__PURE__ */ a("span", {
+	if (e === "") return /* @__PURE__ */ o("span", {
 		className: "text-muted-foreground italic",
 		children: "empty"
 	});
-	let t = e.length > L;
-	return /* @__PURE__ */ a("span", {
+	let t = e.length > B;
+	return /* @__PURE__ */ o("span", {
 		className: "text-foreground",
 		title: t ? e : void 0,
-		children: t ? `${e.slice(0, L)}…` : e
+		children: t ? `${e.slice(0, B)}…` : e
 	});
-}, W = ({ value: e }) => e.length === 0 ? /* @__PURE__ */ a("span", {
+}, q = ({ value: e }) => e.length === 0 ? /* @__PURE__ */ o("span", {
 	className: "text-muted-foreground italic",
 	children: "none"
-}) : /* @__PURE__ */ a("span", {
+}) : /* @__PURE__ */ o("span", {
 	className: "text-foreground",
-	children: e.map((e, t) => /* @__PURE__ */ o("span", { children: [t > 0 && /* @__PURE__ */ a("span", {
+	children: e.map((e, t) => /* @__PURE__ */ s("span", { children: [t > 0 && /* @__PURE__ */ o("span", {
 		className: "px-1 text-muted-foreground/70",
 		children: "·"
-	}), /* @__PURE__ */ a(U, { value: e })] }, t))
-}), de = ({ data: e }) => /* @__PURE__ */ a("ul", {
+	}), /* @__PURE__ */ o(K, { value: e })] }, t))
+}), fe = ({ data: e }) => /* @__PURE__ */ o("ul", {
 	className: "ocui-tool-kv grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs",
-	children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ o("li", {
+	children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ s("li", {
 		className: "contents",
-		children: [/* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ o("span", {
 			className: "break-words text-muted-foreground",
 			children: e
-		}), /* @__PURE__ */ a("span", {
+		}), /* @__PURE__ */ o("span", {
 			className: "min-w-0 break-words whitespace-pre-wrap",
-			children: B(t) ? /* @__PURE__ */ a(W, { value: t }) : /* @__PURE__ */ a(U, { value: t })
+			children: U(t) ? /* @__PURE__ */ o(q, { value: t }) : /* @__PURE__ */ o(K, { value: t })
 		})]
 	}, e))
-}), fe = ({ value: e }) => /* @__PURE__ */ a("pre", {
+}), pe = ({ value: e }) => /* @__PURE__ */ o("pre", {
 	className: "ocui-tool-json overflow-x-auto rounded-md bg-muted/40 px-2.5 py-2 font-mono text-xs text-muted-foreground",
-	children: ue(e)
-}), G = ({ value: e }) => g(e) ? /* @__PURE__ */ a(i, { children: e }) : e == null ? null : typeof e == "string" ? e.trim() === "" ? null : /* @__PURE__ */ a("div", {
+	children: de(e)
+}), J = ({ value: e }) => _(e) ? /* @__PURE__ */ o(a, { children: e }) : e == null ? null : typeof e == "string" ? e.trim() === "" ? null : /* @__PURE__ */ o("div", {
 	className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-muted-foreground",
-	children: H(e)
-}) : R(e) ? /* @__PURE__ */ a("div", {
+	children: G(e)
+}) : V(e) ? /* @__PURE__ */ o("div", {
 	className: "font-mono text-xs text-foreground",
 	children: String(e)
-}) : le(e) ? /* @__PURE__ */ a(de, { data: e }) : B(e) ? /* @__PURE__ */ a("div", {
+}) : ue(e) ? /* @__PURE__ */ o(fe, { data: e }) : U(e) ? /* @__PURE__ */ o("div", {
 	className: "text-xs",
-	children: /* @__PURE__ */ a(W, { value: e })
-}) : /* @__PURE__ */ a(fe, { value: e }), pe = ({ className: e, ...t }) => /* @__PURE__ */ a(k, {
-	className: T("not-prose w-full rounded-md border border-border", e),
+	children: /* @__PURE__ */ o(q, { value: e })
+}) : /* @__PURE__ */ o(pe, { value: e }), me = ({ className: e, ...t }) => /* @__PURE__ */ o(M, {
+	className: D("not-prose w-full rounded-md border border-border", e),
 	...t
-}), me = {
+}), he = {
 	"input-streaming": "Pending",
 	"input-available": "Running",
 	"approval-requested": "Pending",
@@ -209,54 +463,54 @@ var se = 8, L = 240, ce = 2e4, R = (e) => e === null || typeof e != "object" &&
 	"output-available": "Completed",
 	"output-error": "Error",
 	"output-denied": "Denied"
-}, he = {
-	"input-streaming": /* @__PURE__ */ a(f, { className: "size-3.5 animate-spin motion-reduce:animate-none" }),
-	"input-available": /* @__PURE__ */ a(f, { className: "size-3.5 animate-spin motion-reduce:animate-none" }),
-	"approval-requested": /* @__PURE__ */ a(u, { className: "size-3.5" }),
-	"approval-responded": /* @__PURE__ */ a(s, { className: "size-3.5" }),
-	"output-available": /* @__PURE__ */ a(s, { className: "size-3.5" }),
-	"output-error": /* @__PURE__ */ a(m, { className: "size-3.5 text-destructive" }),
-	"output-denied": /* @__PURE__ */ a(m, { className: "size-3.5 text-destructive" })
-}, ge = ({ state: e }) => /* @__PURE__ */ o("span", {
+}, ge = {
+	"input-streaming": /* @__PURE__ */ o(p, { className: "size-3.5 animate-spin motion-reduce:animate-none" }),
+	"input-available": /* @__PURE__ */ o(p, { className: "size-3.5 animate-spin motion-reduce:animate-none" }),
+	"approval-requested": /* @__PURE__ */ o(d, { className: "size-3.5" }),
+	"approval-responded": /* @__PURE__ */ o(c, { className: "size-3.5" }),
+	"output-available": /* @__PURE__ */ o(c, { className: "size-3.5" }),
+	"output-error": /* @__PURE__ */ o(h, { className: "size-3.5 text-destructive" }),
+	"output-denied": /* @__PURE__ */ o(h, { className: "size-3.5 text-destructive" })
+}, _e = ({ state: e }) => /* @__PURE__ */ s("span", {
 	className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
-	children: [he[e], me[e]]
-}), _e = ({ className: e, type: t, state: n, title: r, ...i }) => /* @__PURE__ */ o(A, {
-	className: T("group flex w-full min-w-0 items-center justify-between gap-2 rounded-md p-2.5 transition-colors hover:bg-muted/50", e),
+	children: [ge[e], he[e]]
+}), ve = ({ className: e, type: t, state: n, title: r, ...i }) => /* @__PURE__ */ s(N, {
+	className: D("group flex w-full min-w-0 items-center justify-between gap-2 rounded-md p-2.5 transition-colors hover:bg-muted/50", e),
 	...i,
-	children: [/* @__PURE__ */ o("div", {
+	children: [/* @__PURE__ */ s("div", {
 		className: "flex min-w-0 flex-1 items-center gap-2",
-		children: [/* @__PURE__ */ a(p, { className: "size-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ o(m, { className: "size-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ o("span", {
 			className: "truncate text-sm font-medium",
 			children: r ?? t
 		})]
-	}), /* @__PURE__ */ o("div", {
+	}), /* @__PURE__ */ s("div", {
 		className: "flex shrink-0 items-center gap-2",
-		children: [/* @__PURE__ */ a(ge, { state: n }), /* @__PURE__ */ a(c, { className: "size-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
+		children: [/* @__PURE__ */ o(_e, { state: n }), /* @__PURE__ */ o(l, { className: "size-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })]
 	})]
-}), ve = ({ className: e, ...t }) => /* @__PURE__ */ a(j, {
-	className: T("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+}), ye = ({ className: e, ...t }) => /* @__PURE__ */ o(P, {
+	className: D("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", e),
 	...t
-}), ye = ({ className: e, input: t, ...n }) => V(t) ? /* @__PURE__ */ o("div", {
-	className: T("space-y-1.5 overflow-hidden px-2.5 pb-2.5", e),
+}), be = ({ className: e, input: t, ...n }) => W(t) ? /* @__PURE__ */ s("div", {
+	className: D("space-y-1.5 overflow-hidden px-2.5 pb-2.5", e),
 	...n,
-	children: [/* @__PURE__ */ a("h4", {
+	children: [/* @__PURE__ */ o("h4", {
 		className: "text-xs font-medium tracking-wide text-muted-foreground uppercase",
 		children: "Parameters"
-	}), /* @__PURE__ */ a(G, { value: t })]
-}) : null, be = ({ className: e, output: t, errorText: n, ...r }) => V(t) || n ? /* @__PURE__ */ o("div", {
-	className: T("space-y-1.5 px-2.5 pb-2.5", e),
+	}), /* @__PURE__ */ o(J, { value: t })]
+}) : null, xe = ({ className: e, output: t, errorText: n, ...r }) => W(t) || n ? /* @__PURE__ */ s("div", {
+	className: D("space-y-1.5 px-2.5 pb-2.5", e),
 	...r,
-	children: [/* @__PURE__ */ a("h4", {
+	children: [/* @__PURE__ */ o("h4", {
 		className: "text-xs font-medium tracking-wide text-muted-foreground uppercase",
 		children: n ? "Error" : "Result"
-	}), n ? /* @__PURE__ */ a("div", {
+	}), n ? /* @__PURE__ */ o("div", {
 		className: "whitespace-pre-wrap break-words rounded-md bg-destructive/10 px-2.5 py-2 text-xs text-destructive",
 		children: n
-	}) : /* @__PURE__ */ a("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: "text-xs [&_table]:w-full",
-		children: /* @__PURE__ */ a(G, { value: t })
+		children: /* @__PURE__ */ o(J, { value: t })
 	})]
-}) : null, xe = w("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+}) : null, Se = E("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -282,12 +536,12 @@ var se = 8, L = 240, ce = 2e4, R = (e) => e === null || typeof e != "object" &&
 		size: "default"
 	}
 });
-function K({ className: e, variant: t = "default", size: n = "default", asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ a(r ? te.Root : "button", {
+function Ce({ className: e, variant: t = "default", size: n = "default", asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ o(r ? w.Root : "button", {
 		"data-slot": "button",
 		"data-variant": t,
 		"data-size": n,
-		className: T(xe({
+		className: D(Se({
 			variant: t,
 			size: n,
 			className: e
@@ -297,69 +551,69 @@ function K({ className: e, variant: t = "default", size: n = "default", asChild:
 }
 //#endregion
 //#region src/internal/tooltip.tsx
-function q({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ a(C.Provider, {
+function Y({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ o(T.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration: e,
 		...t
 	});
 }
-function J({ ...e }) {
-	return /* @__PURE__ */ a(C.Root, {
+function X({ ...e }) {
+	return /* @__PURE__ */ o(T.Root, {
 		"data-slot": "tooltip",
 		...e
 	});
 }
-function Y({ ...e }) {
-	return /* @__PURE__ */ a(C.Trigger, {
+function Z({ ...e }) {
+	return /* @__PURE__ */ o(T.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function X({ className: e, sideOffset: t = 0, children: n, ...r }) {
-	return /* @__PURE__ */ a(C.Portal, { children: /* @__PURE__ */ o(C.Content, {
+function we({ className: e, sideOffset: t = 0, children: n, ...r }) {
+	return /* @__PURE__ */ o(T.Portal, { children: /* @__PURE__ */ s(T.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset: t,
-		className: T("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
+		className: D("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
 		...r,
-		children: [n, /* @__PURE__ */ a(C.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] border-r border-b border-border bg-popover fill-popover" })]
+		children: [n, /* @__PURE__ */ o(T.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] border-r border-b border-border bg-popover fill-popover" })]
 	}) });
 }
 //#endregion
 //#region src/chat/actions.tsx
-var Se = ({ className: e, children: t, ...n }) => /* @__PURE__ */ a("div", {
-	className: T("-ml-1.5 flex items-center", e),
+var Te = ({ className: e, children: t, ...n }) => /* @__PURE__ */ o("div", {
+	className: D("-ml-1.5 flex items-center", e),
 	...n,
 	children: t
-}), Ce = ({ tooltip: e, children: t, label: n, className: r, variant: i = "ghost", size: s = "icon", ...c }) => {
-	let l = /* @__PURE__ */ o(K, {
-		className: T("relative", r),
-		size: s,
+}), Ee = ({ tooltip: e, children: t, label: n, className: r, variant: i = "ghost", size: a = "icon", ...c }) => {
+	let l = /* @__PURE__ */ s(Ce, {
+		className: D("relative", r),
+		size: a,
 		type: "button",
 		variant: i,
 		...c,
-		children: [t, /* @__PURE__ */ a("span", {
+		children: [t, /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: n || e
 		})]
 	});
-	return e ? /* @__PURE__ */ a(q, {
+	return e ? /* @__PURE__ */ o(Y, {
 		delayDuration: 500,
-		children: /* @__PURE__ */ o(J, { children: [/* @__PURE__ */ a(Y, {
+		children: /* @__PURE__ */ s(X, { children: [/* @__PURE__ */ o(Z, {
 			asChild: !0,
 			children: l
-		}), /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a("p", { children: e }) })] })
+		}), /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o("p", { children: e }) })] })
 	}) : l;
 };
 //#endregion
 //#region src/chat/segments.ts
-function we(e, t) {
+function De(e, t) {
 	return e.startsWith("tool-") && !t(e);
 }
-function Te(e, t) {
+function Oe(e, t) {
 	let n = t?.isPresentationalTool ?? (() => !1), r = -1;
 	e.forEach((e, t) => {
-		(e.type === "reasoning" || we(e.type, n)) && (r = t);
+		(e.type === "reasoning" || De(e.type, n)) && (r = t);
 	});
 	let i = [], a = null, o = null, s = (e) => {
 		o = null, a || (a = {
@@ -372,7 +626,7 @@ function Te(e, t) {
 			let t = String(e.text ?? ""), n = e.state === "streaming";
 			if (!(t.trim() || n)) return;
 			s(e);
-		} else we(e.type, n) ? s(e) : e.type === "text" && t <= r ? String(e.text ?? "").trim() && s(e) : e.type === "file" ? (a = null, o || (o = {
+		} else De(e.type, n) ? s(e) : e.type === "text" && t <= r ? String(e.text ?? "").trim() && s(e) : e.type === "file" ? (a = null, o || (o = {
 			kind: "images",
 			parts: [],
 			index: t
@@ -383,7 +637,7 @@ function Te(e, t) {
 		}));
 	}), i;
 }
-function Ee(e, t) {
+function ke(e, t) {
 	return e.some((e) => {
 		let n = e.state;
 		return typeof n == "string" ? e.type === "reasoning" || e.type === "text" ? n === "streaming" : n === "input-streaming" || n === "input-available" : t;
@@ -391,15 +645,15 @@ function Ee(e, t) {
 }
 //#endregion
 //#region src/chat/web-search.ts
-function De(e) {
+function Ae(e) {
 	return typeof e == "object" && !!e && "error" in e && typeof e.error == "string";
 }
-var Oe = /\(\s*(\[[^\]\n]*\]\((?:[^()\n]|\([^()\n]*\))*\))\s*\)/g;
-function ke(e) {
-	return e.replace(Oe, "$1");
+var je = /\(\s*(\[[^\]\n]*\]\((?:[^()\n]|\([^()\n]*\))*\))\s*\)/g;
+function Me(e) {
+	return e.replace(je, "$1");
 }
-var Ae = "tool-webSearch";
-function je(e) {
+var Ne = "tool-webSearch";
+function Pe(e) {
 	try {
 		let t = new URL(e);
 		return `${t.hostname.toLowerCase()}${t.pathname.replace(/\/$/, "")}${t.search}`;
@@ -407,14 +661,14 @@ function je(e) {
 		return e.replace(/#.*$/, "").replace(/\/$/, "");
 	}
 }
-function Me(e, t) {
-	let n = t?.toolType ?? Ae, r = /* @__PURE__ */ new Set(), i = [];
+function Fe(e, t) {
+	let n = t?.toolType ?? Ne, r = /* @__PURE__ */ new Set(), i = [];
 	for (let t of e) {
-		if (t.type !== n || t.state !== "output-available" || De(t.output)) continue;
+		if (t.type !== n || t.state !== "output-available" || Ae(t.output)) continue;
 		let e = t.output?.results;
 		if (Array.isArray(e)) for (let t of e) {
 			if (typeof t?.url != "string") continue;
-			let e = je(t.url);
+			let e = Pe(t.url);
 			r.has(e) || (r.add(e), i.push({
 				url: t.url,
 				title: typeof t.title == "string" ? t.title : void 0
@@ -425,14 +679,14 @@ function Me(e, t) {
 }
 //#endregion
 //#region src/chat/turn-view.ts
-function Ne(e, t) {
-	let n = t?.isSearchTool ?? (() => !1), r = t?.messageLoading, i = Te(e, { isPresentationalTool: t?.isPresentationalTool }), a = i.flatMap((e) => e.kind === "trace" ? e.parts : []), o = i.filter((e) => e.kind === "part" && e.part.type === "text"), s = o.some((e) => String(e.part.text ?? "").trim() !== ""), c = s && o.some((e) => e.part.state === "streaming"), l = a.some((e) => e.type === "reasoning" && String(e.text ?? "").trim() !== ""), u = a.some((e) => e.type.startsWith("tool-")), d = i.length > 0, f = a.some((e) => e.type === "reasoning" && e.state === "streaming"), p;
+function Ie(e, t) {
+	let n = t?.isSearchTool ?? (() => !1), r = t?.messageLoading, i = Oe(e, { isPresentationalTool: t?.isPresentationalTool }), a = i.flatMap((e) => e.kind === "trace" ? e.parts : []), o = i.filter((e) => e.kind === "part" && e.part.type === "text"), s = o.some((e) => String(e.part.text ?? "").trim() !== ""), c = s && o.some((e) => e.part.state === "streaming"), l = a.some((e) => e.type === "reasoning" && String(e.text ?? "").trim() !== ""), u = a.some((e) => e.type.startsWith("tool-")), d = i.length > 0, f = a.some((e) => e.type === "reasoning" && e.state === "streaming"), p;
 	for (let e of a) {
 		if (!e.type.startsWith("tool-")) continue;
 		let t = String(e.state ?? "");
 		t === "output-available" || t === "output-error" || t === "output-denied" || (p = e.type);
 	}
-	let m = a.length > 0 && Ee(a, r ?? !1), h = (r ?? !0) && !s, g = a.length > 0 ? {
+	let m = a.length > 0 && ke(a, r ?? !1), h = (r ?? !0) && !s, g = a.length > 0 ? {
 		parts: a,
 		isLoading: h
 	} : null, _;
@@ -442,14 +696,14 @@ function Ne(e, t) {
 		phase: _,
 		segments: i,
 		trace: g,
-		sources: Me(e),
+		sources: Fe(e),
 		activityKind: v,
 		hasFinalAnswer: s
 	};
 }
 //#endregion
 //#region src/chat/activity-labels.ts
-var Pe = [
+var Le = [
 	{
 		active: "Thinking",
 		done: "Thought"
@@ -487,22 +741,30 @@ var Pe = [
 		done: "Refined"
 	},
 	{
-		active: "Working",
-		done: "Done"
+		active: "Musing",
+		done: "Mused"
+	},
+	{
+		active: "Scurrying",
+		done: "Scurried"
+	},
+	{
+		active: "Crunching",
+		done: "Crunched"
 	}
-], Fe = {
-	waiting: Pe,
-	reasoning: Pe,
+], Re = {
+	waiting: Le,
+	reasoning: Le,
 	tools: [{
 		active: "Working",
 		done: "Worked"
 	}]
 };
-function Z({ kind: e, active: t, seed: n, elapsedSeconds: r, verb: i }) {
+function Q({ kind: e, active: t, seed: n, elapsedSeconds: r, verb: i }) {
 	let a;
 	if (i !== void 0) a = i;
 	else {
-		let r = Fe[e], i = r[Math.abs(n) % r.length];
+		let r = Re[e], i = r[Math.abs(n) % r.length];
 		a = t ? i.active : i.done;
 	}
 	return {
@@ -510,134 +772,167 @@ function Z({ kind: e, active: t, seed: n, elapsedSeconds: r, verb: i }) {
 		elapsedSeconds: r > 0 ? r : 0
 	};
 }
-function Q(e) {
-	let { verb: t, elapsedSeconds: n } = Z(e);
+function ze(e) {
+	let { verb: t, elapsedSeconds: n } = Q(e);
 	return n <= 0 ? t : `${t} for ${n}s`;
 }
-function Ie(e, t) {
+function Be(e, t) {
 	let n = Infinity, r = -Infinity, i = !1;
 	for (let t of e) Number.isFinite(t.startedAtMs) && (n = Math.min(n, t.startedAtMs), Number.isFinite(t.completedAtMs) ? r = Math.max(r, t.completedAtMs) : i = !0);
 	if (n === Infinity) return 0;
 	let a = i && Number.isFinite(t) ? t : r;
 	return a === -Infinity ? 0 : Math.max(0, Math.floor((a - n) / 1e3));
 }
-function Le(e) {
+function Ve(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n += 1) t = t * 31 + e.charCodeAt(n) | 0;
 	return t;
 }
 //#endregion
 //#region src/chat/message-trace.tsx
-function Re(e) {
+function $(e) {
 	let t = e.replace(/^tool-/, "").replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }
-var ze = _(({ parts: e, isLoading: t, messageId: n, activity: r, getToolLabel: i, getToolIcon: s, getActivityOverride: c, defaultOpen: l = !1, className: u }) => {
-	let d = e.filter((e) => e.type === "reasoning").map((e) => String(e.text ?? "")).filter((e) => e.trim()).join("\n\n"), f = d.trim().length > 0, p = [], m = !1, h;
+var He = v(({ parts: e, isLoading: t, messageId: n, activity: r, getToolLabel: i, getToolIcon: a, getActivityOverride: c, renderStepDetail: l, defaultOpen: u = !1, className: d }) => {
+	let f = e.filter((e) => e.type === "reasoning").map((e) => String(e.text ?? "")).filter((e) => e.trim()).join("\n\n"), p = f.trim().length > 0, m = [], h = !1, g;
 	for (let t of e) if (t.type.startsWith("tool-")) {
-		m = !0;
+		h = !0;
 		let e = String(t.state ?? "");
-		e === "output-available" || e === "output-error" || e === "output-denied" || (h = t.type), p.push({
+		e === "output-available" || e === "output-error" || e === "output-denied" || (g = t.type), m.push({
 			kind: "tool",
-			label: i?.(t.type) ?? Re(t.type),
+			label: i?.(t.type) ?? $(t.type),
 			state: e,
-			toolType: t.type
+			toolType: t.type,
+			part: t
 		});
-	} else t.type === "text" && String(t.text ?? "").trim() && p.push({
+	} else t.type === "text" && String(t.text ?? "").trim() && m.push({
 		kind: "note",
 		text: String(t.text)
 	});
-	m && !t && p.push({ kind: "done" });
-	let g = e.some((e) => Number.isFinite(e.startedAtMs)) ? Ie(e, r?.nowMs) : r?.elapsedSeconds ?? 0, _ = r?.seed ?? Le(n), v = t ? g : 0, y = t ? c?.(h) : void 0, b = {
-		kind: f ? "reasoning" : "tools",
+	h && !t && m.push({ kind: "done" });
+	let _ = e.some((e) => Number.isFinite(e.startedAtMs)) ? Be(e, r?.nowMs) : r?.elapsedSeconds ?? 0, v = r?.seed ?? Ve(n), ee = t ? _ : 0, y = t ? c?.(g) : void 0, x = {
+		kind: p ? "reasoning" : "tools",
 		active: t,
-		seed: _,
-		elapsedSeconds: v,
+		seed: v,
+		elapsedSeconds: ee,
 		verb: y
-	}, S = Q(b), { elapsedSeconds: te } = Z(b), C = f || p.length > 0, w = C && t && te === 0, [E, D] = x(l), O = ee();
-	return /* @__PURE__ */ o("div", {
-		className: T("not-prose flex flex-col", u),
-		children: [/* @__PURE__ */ a("button", {
+	}, C = ze(x), { elapsedSeconds: w } = Q(x), T = p || m.length > 0, E = T && t && w === 0, [O, k] = S(u), A = b();
+	return /* @__PURE__ */ s(M, {
+		open: O,
+		onOpenChange: k,
+		className: D("not-prose flex flex-col", d),
+		children: [/* @__PURE__ */ o("button", {
 			type: "button",
 			"data-testid": "message-reasoning",
-			onClick: () => D((e) => !e),
-			"aria-expanded": E,
-			"aria-controls": C ? O : void 0,
-			className: "flex items-center gap-1 self-start text-sm text-muted-foreground transition-colors hover:text-foreground",
-			children: /* @__PURE__ */ o("span", {
-				className: T(t && "ocui-shimmer"),
-				children: [S, w ? "..." : ""]
+			onClick: () => k((e) => !e),
+			"aria-expanded": O,
+			"aria-controls": T ? A : void 0,
+			className: "flex items-center gap-1 self-start text-[13px] leading-5 text-muted-foreground transition-colors hover:text-foreground",
+			children: /* @__PURE__ */ s("span", {
+				className: D(t && "ocui-shimmer"),
+				children: [C, E ? "..." : ""]
+			})
+		}), T && /* @__PURE__ */ o(P, {
+			id: A,
+			className: "overflow-hidden outline-hidden transition-opacity data-[state=closed]:opacity-0 data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up",
+			children: /* @__PURE__ */ s("div", {
+				className: "flex flex-col gap-2 pt-2",
+				children: [p && /* @__PURE__ */ o(j, {
+					className: "grid gap-1 text-sm text-muted-foreground/80 **:text-sm [&_code]:bg-transparent [&_code]:p-0 [&_code]:font-semibold [&_code]:text-foreground [&_li]:my-0 [&_ol]:my-1 [&_p]:my-0 [&_ul]:my-1",
+					children: f
+				}), m.length > 0 && /* @__PURE__ */ o("div", {
+					className: "flex flex-col",
+					children: m.map((e, t) => /* @__PURE__ */ o(Ue, {
+						node: e,
+						isFirst: t === 0,
+						isLast: t === m.length - 1,
+						getToolIcon: a,
+						renderStepDetail: l
+					}, `step-${t}`))
+				})]
 			})
-		}), E && C && /* @__PURE__ */ o("div", {
-			id: O,
-			className: "mt-2 flex flex-col gap-2",
-			children: [f && /* @__PURE__ */ a(ne, {
-				className: "grid gap-1 text-sm text-muted-foreground/80 **:text-sm [&_code]:bg-transparent [&_code]:p-0 [&_code]:font-semibold [&_code]:text-foreground [&_li]:my-0 [&_ol]:my-1 [&_p]:my-0 [&_ul]:my-1",
-				children: d
-			}), p.length > 0 && /* @__PURE__ */ a("div", {
-				className: "flex flex-col",
-				children: p.map((e, t) => /* @__PURE__ */ a(Be, {
-					node: e,
-					isFirst: t === 0,
-					isLast: t === p.length - 1,
-					getToolIcon: s
-				}, `step-${t}`))
-			})]
 		})]
 	});
 });
-ze.displayName = "MessageTrace";
-function Be({ node: e, isFirst: t, isLast: n, getToolIcon: r }) {
-	return /* @__PURE__ */ o("div", {
-		className: "flex items-stretch gap-2.5",
-		children: [/* @__PURE__ */ o("div", {
-			className: "flex w-4 flex-col items-center",
-			children: [
-				/* @__PURE__ */ a("div", { className: T("w-px flex-1", t ? "bg-transparent" : "bg-border") }),
-				/* @__PURE__ */ a(Ve, {
-					node: e,
-					getToolIcon: r
-				}),
-				/* @__PURE__ */ a("div", { className: T("w-px flex-1", n ? "bg-transparent" : "bg-border") })
-			]
-		}), /* @__PURE__ */ a("div", {
-			className: "min-w-0 py-1 text-sm leading-5",
-			children: e.kind === "tool" ? /* @__PURE__ */ a("span", {
-				className: "text-muted-foreground",
-				children: e.label
-			}) : e.kind === "note" ? /* @__PURE__ */ a("span", {
-				className: "text-muted-foreground/80",
-				children: e.text
-			}) : /* @__PURE__ */ a("span", {
-				className: "text-muted-foreground",
-				children: "Done"
+He.displayName = "MessageTrace";
+function Ue({ node: e, isFirst: t, isLast: n, getToolIcon: r, renderStepDetail: i }) {
+	let a = e.kind === "tool" && i ? i(e.part) : null, c = a != null, [u, d] = S(!1), f = b();
+	return /* @__PURE__ */ s(M, {
+		open: u,
+		onOpenChange: d,
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-stretch gap-2.5",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex w-4 flex-col items-center",
+				children: [
+					/* @__PURE__ */ o("div", { className: D("w-px flex-1", t ? "bg-transparent" : "bg-border") }),
+					/* @__PURE__ */ o(We, {
+						node: e,
+						getToolIcon: r
+					}),
+					/* @__PURE__ */ o("div", { className: D("w-px flex-1", n ? "bg-transparent" : "bg-border") })
+				]
+			}), /* @__PURE__ */ o("div", {
+				className: "min-w-0 py-1 text-sm leading-5",
+				children: e.kind === "tool" ? c ? /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => d((e) => !e),
+					"aria-expanded": u,
+					"aria-controls": f,
+					className: "group inline-flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground",
+					children: [/* @__PURE__ */ o("span", { children: e.label }), /* @__PURE__ */ o(l, { className: D("size-2.5 transition-[transform,opacity]", u ? "rotate-180 opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100") })]
+				}) : /* @__PURE__ */ o("span", {
+					className: "text-muted-foreground",
+					children: e.label
+				}) : e.kind === "note" ? /* @__PURE__ */ o("span", {
+					className: "text-muted-foreground/80",
+					children: e.text
+				}) : /* @__PURE__ */ o("span", {
+					className: "text-muted-foreground",
+					children: "Done"
+				})
+			})]
+		}), c && /* @__PURE__ */ o(P, {
+			id: f,
+			className: "overflow-hidden outline-hidden transition-opacity data-[state=closed]:opacity-0 data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up",
+			children: /* @__PURE__ */ s("div", {
+				className: "flex items-stretch gap-2.5",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex w-4 flex-col items-center",
+					children: /* @__PURE__ */ o("div", { className: D("w-px flex-1", n ? "bg-transparent" : "bg-border") })
+				}), /* @__PURE__ */ o("div", {
+					className: "min-w-0 flex-1 pb-1",
+					children: a
+				})]
 			})
 		})]
 	});
 }
-function Ve({ node: e, getToolIcon: t }) {
+function We({ node: e, getToolIcon: t }) {
 	let n = "flex items-center justify-center bg-background py-0.5";
-	return e.kind === "note" ? /* @__PURE__ */ a("div", {
+	return e.kind === "note" ? /* @__PURE__ */ o("div", {
 		className: n,
-		children: /* @__PURE__ */ a("div", { className: "size-1 rounded-full bg-muted-foreground/60" })
-	}) : e.kind === "tool" ? e.state === "output-error" || e.state === "output-denied" ? /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o("div", { className: "size-1 rounded-full bg-muted-foreground/60" })
+	}) : e.kind === "tool" ? e.state === "output-error" || e.state === "output-denied" ? /* @__PURE__ */ o("div", {
 		className: n,
-		children: /* @__PURE__ */ a(m, { className: "size-3.5 text-destructive" })
-	}) : e.state === "output-available" ? /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o(h, { className: "size-3.5 text-destructive" })
+	}) : e.state === "output-available" ? /* @__PURE__ */ o("div", {
 		className: n,
-		children: /* @__PURE__ */ a(t?.(e.toolType) ?? s, { className: "size-3.5 text-muted-foreground" })
-	}) : /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o(t?.(e.toolType) ?? c, { className: "size-3.5 text-muted-foreground" })
+	}) : /* @__PURE__ */ o("div", {
 		className: n,
-		children: /* @__PURE__ */ a(f, { className: "size-3.5 animate-spin text-muted-foreground motion-reduce:animate-none" })
-	}) : /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o(p, { className: "size-3.5 animate-spin text-muted-foreground motion-reduce:animate-none" })
+	}) : /* @__PURE__ */ o("div", {
 		className: n,
-		children: /* @__PURE__ */ a(l, { className: "size-4 text-muted-foreground" })
+		children: /* @__PURE__ */ o(u, { className: "size-4 text-muted-foreground" })
 	});
 }
 //#endregion
 //#region src/chat/use-activity-clock.ts
-function He(e, t) {
-	let n = b(null), [r, i] = x(() => ({
+function Ge(e, t) {
+	let n = x(null), [r, i] = S(() => ({
 		seed: t,
 		elapsedSeconds: 0,
 		nowMs: Date.now()
@@ -678,81 +973,88 @@ function He(e, t) {
 }
 //#endregion
 //#region src/chat/sources.tsx
-function Ue(e) {
+function Ke(e) {
 	return `Searched ${e} source${e === 1 ? "" : "s"}`;
 }
-function $(e) {
+function qe(e) {
 	try {
 		return new URL(e).hostname;
 	} catch {
 		return e;
 	}
 }
-function We(e) {
-	return `https://www.google.com/s2/favicons?domain=${$(e)}&sz=32`;
+function Je(e) {
+	return `https://www.google.com/s2/favicons?domain=${qe(e)}&sz=32`;
 }
-function Ge({ url: e, getFaviconUrl: t }) {
-	let n = t(e), [r, i] = x(!1);
-	return !n || r ? /* @__PURE__ */ a(d, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ a("img", {
+function Ye({ url: e, getFaviconUrl: t }) {
+	let n = t(e), [r, i] = S(!1);
+	return !n || r ? /* @__PURE__ */ o(f, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ o("img", {
 		src: n,
 		alt: "",
 		className: "size-3.5 shrink-0 rounded-xs",
 		onError: () => i(!0)
 	});
 }
-var Ke = ({ sources: e, getLabel: t = Ue, getFaviconUrl: n = We, className: r, ...i }) => e.length === 0 ? null : /* @__PURE__ */ o(k, {
-	className: T("not-prose", r),
+var Xe = ({ sources: e, getFaviconUrl: t = Je, className: n }) => e.length === 0 ? null : /* @__PURE__ */ o("div", {
+	className: D("flex flex-col gap-0.5", n),
+	children: e.map((e, n) => {
+		let r = qe(e.url), i = e.title || r;
+		return /* @__PURE__ */ s("a", {
+			href: e.url,
+			target: "_blank",
+			rel: "noreferrer",
+			className: "flex min-w-0 items-center gap-1.5 rounded-md px-1.5 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+			children: [
+				/* @__PURE__ */ o(Ye, {
+					getFaviconUrl: t,
+					url: e.url
+				}),
+				/* @__PURE__ */ o("span", {
+					className: "truncate",
+					children: i
+				}),
+				i !== r && /* @__PURE__ */ o("span", {
+					className: "shrink-0 truncate text-xs text-muted-foreground/70",
+					children: r
+				})
+			]
+		}, `${e.url}-${n}`);
+	})
+}), Ze = ({ sources: e, getLabel: t = Ke, getFaviconUrl: n = Je, className: r, ...i }) => e.length === 0 ? null : /* @__PURE__ */ s(M, {
+	className: D("not-prose", r),
 	...i,
-	children: [/* @__PURE__ */ o(A, {
-		className: "group flex items-center gap-1 self-start text-sm text-muted-foreground transition-colors hover:text-foreground",
-		children: [/* @__PURE__ */ a("span", { children: t(e.length) }), /* @__PURE__ */ a(c, { className: "size-2.5 transition-transform group-data-[state=open]:rotate-180" })]
-	}), /* @__PURE__ */ a(j, {
-		className: "mt-1 flex flex-col gap-0.5 data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in",
-		children: e.map((e, t) => {
-			let r = $(e.url), i = e.title || r;
-			return /* @__PURE__ */ o("a", {
-				href: e.url,
-				target: "_blank",
-				rel: "noreferrer",
-				className: "flex min-w-0 items-center gap-1.5 rounded-md px-1.5 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-				children: [
-					/* @__PURE__ */ a(Ge, {
-						getFaviconUrl: n,
-						url: e.url
-					}),
-					/* @__PURE__ */ a("span", {
-						className: "truncate",
-						children: i
-					}),
-					i !== r && /* @__PURE__ */ a("span", {
-						className: "shrink-0 truncate text-xs text-muted-foreground/70",
-						children: r
-					})
-				]
-			}, `${e.url}-${t}`);
+	children: [/* @__PURE__ */ s(N, {
+		className: "group flex items-center gap-1 self-start text-[13px] leading-5 text-muted-foreground transition-colors hover:text-foreground",
+		children: [/* @__PURE__ */ o("span", { children: t(e.length) }), /* @__PURE__ */ o(l, { className: "size-2.5 transition-transform group-data-[state=open]:rotate-180" })]
+	}), /* @__PURE__ */ o(P, {
+		className: re,
+		children: /* @__PURE__ */ o(Xe, {
+			sources: e,
+			getFaviconUrl: n,
+			className: "pt-1"
 		})
 	})]
-}), qe = "ocui-cite", Je = ({ pressed: e, onPressedChange: t, label: n = "Search the web", tooltip: r, className: i, variant: s, size: c = "icon", onClick: l, ...u }) => {
-	let f = s ?? (e ? "default" : "ghost"), p = /* @__PURE__ */ a(K, {
+}), Qe = "ocui-cite", $e = ({ pressed: e, onPressedChange: t, label: n = "Search the web", tooltip: r, className: i, variant: a, size: c = "icon", onClick: l, ...u }) => {
+	let d = a ?? (e ? "default" : "ghost"), p = /* @__PURE__ */ o(Ce, {
 		...u,
 		"aria-label": n,
 		"aria-pressed": e,
-		className: T(i),
+		className: D(i),
 		size: c,
 		type: "button",
-		variant: f,
+		variant: d,
 		onClick: (n) => {
 			l?.(n), t(!e);
 		},
-		children: /* @__PURE__ */ a(d, {})
+		children: /* @__PURE__ */ o(f, {})
 	});
-	return r ? /* @__PURE__ */ a(q, {
+	return r ? /* @__PURE__ */ o(Y, {
 		delayDuration: 300,
-		children: /* @__PURE__ */ o(J, { children: [/* @__PURE__ */ a(Y, {
+		children: /* @__PURE__ */ s(X, { children: [/* @__PURE__ */ o(Z, {
 			asChild: !0,
 			children: p
-		}), /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a("p", { children: r }) })] })
+		}), /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o("p", { children: r }) })] })
 	}) : p;
 };
 //#endregion
-export { Ce as Action, Se as Actions, O as MessageContent, ze as MessageTrace, N as Reasoning, I as ReasoningContent, P as ReasoningTrigger, ne as Response, Ke as Sources, pe as Tool, ve as ToolContent, _e as ToolHeader, ye as ToolInput, be as ToolOutput, Je as WebSearchToggle, Te as buildSegments, qe as citationClassName, Ne as deriveTurnView, Me as extractWebSearchSources, Q as getAiActivityLabel, Z as getAiActivityLabelParts, Re as humanizeToolName, De as isWebSearchError, Le as labelSeedFromString, F as reasoningTextClassName, ke as stripCitationParens, Ie as traceElapsedSeconds, Ee as traceIsLoading, He as useActivityClock };
+export { Ee as Action, Te as Actions, ne as MessageContent, He as MessageTrace, I as Reasoning, z as ReasoningContent, L as ReasoningTrigger, j as Response, Xe as SourceList, Ze as Sources, me as Tool, ye as ToolContent, ve as ToolHeader, be as ToolInput, xe as ToolOutput, $e as WebSearchToggle, Oe as buildSegments, Qe as citationClassName, Ie as deriveTurnView, Fe as extractWebSearchSources, ze as getAiActivityLabel, Q as getAiActivityLabelParts, $ as humanizeToolName, Ae as isWebSearchError, Ve as labelSeedFromString, R as reasoningTextClassName, Me as stripCitationParens, Be as traceElapsedSeconds, ke as traceIsLoading, Ge as useActivityClock };