@lostgradient/cinder 0.7.0 → 0.9.0

package/src/components/tab/tab.svelte

@@ -7,12 +7,12 @@ import { untrack } from 'svelte';
 import { rovingTabIndex } from '../../_internal/collection.ts';
 import { getTabsContext } from '../tabs/tabs-context.ts';
 import { classNames } from '../../utilities/class-names.ts';
-let { value, id, disabled = false, class: className, children, trailing } = $props();
+let { value, id, controls, disabled = false, class: className, children, trailing, } = $props();
 const tabs = getTabsContext();
 // Derive both ids from the root's baseId and the tab's value so that two
-// Tabs instances sharing the same value produce distinct DOM ids. The panel
-// id is always computed from baseId and value; it does not track a custom
-// `id` prop on this Tab.
+// Tabs instances sharing the same value produce distinct DOM ids. The default
+// panel id does not track a custom `id` prop on this Tab. `controls` can
+// intentionally override the controlled panel id for caller-owned panels.
 //
 // ⚠️  Custom-id wiring: if you supply a custom `id` prop to override this
 // Tab's element id, the paired TabPanel's default `aria-labelledby` still
@@ -21,7 +21,11 @@ const tabs = getTabsContext();
 // to the paired TabPanel's `ariaLabelledby` prop. Removing the custom `id`
 // override restores fully automatic wiring.
 const tabId = $derived(id ?? `${tabs.baseId}-tab-${value}`);
-const panelId = $derived(`${tabs.baseId}-panel-${value}`);
+const panelId = $derived.by(() => {
+    // Caller-owned panels can provide a non-empty aria-controls override.
+    const controlsId = controls?.trim();
+    return controlsId ? controlsId : `${tabs.baseId}-panel-${value}`;
+});
 const isActive = $derived(tabs.isActive(value));
 const isFocusable = $derived(tabs.isFocusable(value));
 let buttonElement = $state();

package/src/components/tab/tab.types.ts

@@ -1,10 +1,16 @@
 import type { Snippet } from 'svelte';
 export type TabProps = {
-  /** Identifier — matches the value of the corresponding TabPanel. */
+  /** Stable identifier used for tab selection; matches TabPanel in the default pattern. */
   value: string;
   /** Optional explicit id override; auto-generated otherwise for ARIA wiring. */
   id?: string;
-  /** Disables this single tab. The panel content is hidden but its DOM stays. */
+  /**
+   * Optional non-empty `aria-controls` target for caller-owned panels. Empty or
+   * whitespace-only strings are treated as omitted. By default, Cinder points
+   * at the matching TabPanel id (`${baseId}-panel-${value}`).
+   */
+  controls?: string;
+  /** Disables this single tab and removes it from keyboard activation. */
   disabled?: boolean;
   /** Additional class names merged with `.cinder-tab`. */
   class?: string;

package/src/index.ts

@@ -24,6 +24,7 @@ export type { AlertDialogProps } from './components/alert-dialog/index.ts';
 export { default as ApprovalCard } from './components/approval-card/index.ts';
 export type {
   ApprovalCardCallbacks,
+  ApprovalCardHeadingLevel,
   ApprovalCardProps,
   ApprovalCardSchemaProps,
   ApprovalOperation,
@@ -155,6 +156,22 @@ export type {
 export { default as Chat } from './components/chat/index.ts';
 export type { ChatProps } from './components/chat/index.ts';
 
+export {
+  default as ChatComposerPopover,
+  filterFuzzySubsequence,
+  fuzzySubsequenceScore,
+} from './components/chat-composer-popover/index.ts';
+export type {
+  ChatComposerPopoverComposerProps,
+  ChatComposerPopoverItem,
+  ChatComposerPopoverItemSnippetContext,
+  ChatComposerPopoverProps,
+  ChatComposerPopoverSelection,
+  ChatComposerPopoverTriggerMatch,
+  FuzzyFilterItem,
+  FuzzyFilterResult,
+} from './components/chat-composer-popover/index.ts';
+
 export { default as ChatConversationHeader } from './components/chat-conversation-header/index.ts';
 export type {
   ChatConversationHeaderHeadingLevel,
@@ -629,11 +646,7 @@ export { default as PageHeader } from './components/page-header/index.ts';
 export type { PageHeaderProps } from './components/page-header/index.ts';
 
 export { default as PayloadInspector } from './components/payload-inspector/index.ts';
-export type {
-  PayloadInspectorMeta,
-  PayloadInspectorProps,
-  PayloadInspectorView,
-} from './components/payload-inspector/index.ts';
+export type { PayloadInspectorProps } from './components/payload-inspector/index.ts';
 
 export { default as PermissionMatrix } from './components/permission-matrix/index.ts';
 export type {

package/src/styles/components.css

@@ -38,6 +38,7 @@
 @import '../components/capability-gate/capability-gate.css';
 @import '../components/chat-conversation-header/chat-conversation-header.css';
 @import '../components/chat-conversation-list/chat-conversation-list.css';
+@import '../components/chat-composer-popover/chat-composer-popover.css';
 @import '../components/chat/chat.css';
 @import '../components/chip/chip.css';
 @import '../components/choice-grid/choice-grid.css';

package/dist/server/index-49we2xfs.js

@@ -1,344 +0,0 @@
-import {
-  isCanonicalToolResultPayload,
-  toJSONValue
-} from "./index.server-n5cdmsz4.js";
-import {
-  appendMessages,
-  assertConversationSafe,
-  createConversationHistory,
-  getOrderedMessages,
-  isStreamingMessage
-} from "./index.server-rjap4k7y.js";
-import"./index.server-0v6na3yp.js";
-
-// ../../node_modules/conversationalist/dist/adapters/gemini/index.js
-var DEFAULT_FILE_MIME_TYPE = "application/octet-stream";
-var MIME_TYPE_BY_EXTENSION = {
-  bmp: "image/bmp",
-  gif: "image/gif",
-  heic: "image/heic",
-  heif: "image/heif",
-  jpeg: "image/jpeg",
-  jpg: "image/jpeg",
-  png: "image/png",
-  svg: "image/svg+xml",
-  webp: "image/webp"
-};
-function inferMimeType(url) {
-  const trimmed = url.split("#")[0]?.split("?")[0] ?? "";
-  const dotIndex = trimmed.lastIndexOf(".");
-  if (dotIndex === -1)
-    return;
-  return MIME_TYPE_BY_EXTENSION[trimmed.slice(dotIndex + 1).toLowerCase()];
-}
-function resolveMimeType(url, explicit) {
-  return explicit ?? inferMimeType(url) ?? DEFAULT_FILE_MIME_TYPE;
-}
-function normalizeGeminiResponse(toolResult) {
-  if (toolResult.outcome === "success") {
-    if (toolResult.content !== null && typeof toolResult.content === "object")
-      return toolResult.content;
-    return { result: toolResult.content };
-  }
-  return {
-    outcome: toolResult.outcome,
-    content: toolResult.content,
-    ...toolResult.error ? { error: toolResult.error } : {},
-    ...toolResult.action ? { action: toolResult.action } : {}
-  };
-}
-function toGeminiParts(content) {
-  if (typeof content === "string")
-    return content ? [{ text: content }] : [];
-  const parts = [];
-  for (const part of content)
-    if (part.type === "text") {
-      if (part.text)
-        parts.push({ text: part.text });
-    } else if (part.type === "image") {
-      const url = part.url ?? "";
-      if (url.startsWith("data:")) {
-        const matches = url.match(/^data:([^;]+);base64,(.+)$/);
-        if (matches)
-          parts.push({ inlineData: {
-            mimeType: matches[1],
-            data: matches[2]
-          } });
-      } else {
-        const fileData = {
-          fileUri: url,
-          mimeType: resolveMimeType(url, part.mimeType)
-        };
-        parts.push({ fileData });
-      }
-    }
-  return parts;
-}
-function toFunctionCallPart(toolCall) {
-  let args;
-  if (typeof toolCall.arguments === "string")
-    try {
-      const parsed = JSON.parse(toolCall.arguments);
-      if (parsed && typeof parsed === "object" && !Array.isArray(parsed))
-        args = parsed;
-      else
-        args = { _value: parsed };
-    } catch {
-      args = { _raw: toolCall.arguments };
-    }
-  else if (toolCall.arguments && typeof toolCall.arguments === "object" && !Array.isArray(toolCall.arguments))
-    args = toolCall.arguments;
-  else
-    args = { _value: toolCall.arguments };
-  return { functionCall: {
-    name: toolCall.name,
-    args
-  } };
-}
-function toFunctionResponsePart(toolResult, functionName) {
-  return { functionResponse: {
-    name: functionName,
-    response: normalizeGeminiResponse(toolResult)
-  } };
-}
-function extractSystemInstruction(messages) {
-  const systemMessages = messages.filter((m) => (m.role === "system" || m.role === "developer") && !m.hidden && !isStreamingMessage(m));
-  if (systemMessages.length === 0)
-    return;
-  const parts = [];
-  for (const msg of systemMessages)
-    parts.push(...toGeminiParts(msg.content));
-  if (parts.length === 0)
-    return;
-  return {
-    role: "user",
-    parts
-  };
-}
-function toGeminiMessages(conversation) {
-  assertConversationSafe(conversation);
-  const ordered = getOrderedMessages(conversation);
-  const systemInstruction = extractSystemInstruction(ordered);
-  const toolCallNames = /* @__PURE__ */ new Map;
-  for (const message of ordered)
-    if (message.role === "tool-call" && message.toolCall)
-      toolCallNames.set(message.toolCall.id, message.toolCall.name);
-  const contents = [];
-  let currentRole = null;
-  let currentParts = [];
-  const flushCurrent = () => {
-    if (currentRole && currentParts.length > 0) {
-      contents.push({
-        role: currentRole,
-        parts: currentParts
-      });
-      currentParts = [];
-    }
-    currentRole = null;
-  };
-  for (const message of ordered) {
-    if (message.hidden)
-      continue;
-    if (isStreamingMessage(message))
-      continue;
-    if (message.role === "system" || message.role === "developer")
-      continue;
-    if (message.role === "snapshot")
-      continue;
-    let targetRole;
-    let parts;
-    if (message.role === "user") {
-      targetRole = "user";
-      parts = toGeminiParts(message.content);
-    } else if (message.role === "assistant") {
-      targetRole = "model";
-      parts = toGeminiParts(message.content);
-    } else if (message.role === "tool-call" && message.toolCall) {
-      targetRole = "model";
-      parts = [toFunctionCallPart(message.toolCall)];
-    } else if (message.role === "tool-result" && message.toolResult) {
-      targetRole = "user";
-      const functionName = toolCallNames.get(message.toolResult.callId) ?? "unknown";
-      parts = [toFunctionResponsePart(message.toolResult, functionName)];
-    } else
-      continue;
-    if (parts.length === 0)
-      continue;
-    if (currentRole === targetRole)
-      currentParts.push(...parts);
-    else {
-      flushCurrent();
-      currentRole = targetRole;
-      currentParts = parts;
-    }
-  }
-  flushCurrent();
-  const result = { contents };
-  if (systemInstruction !== undefined)
-    result.systemInstruction = systemInstruction;
-  return result;
-}
-function parseFunctionArguments(args) {
-  if (Object.keys(args).length === 1 && Object.hasOwn(args, "_value"))
-    return toJSONValue(args["_value"]);
-  if (Object.keys(args).length === 1 && Object.hasOwn(args, "_raw") && typeof args["_raw"] === "string")
-    return args["_raw"];
-  return toJSONValue(args);
-}
-function parseFunctionResponse(callId, response) {
-  const value = toJSONValue(response);
-  if (isCanonicalToolResultPayload(value))
-    return {
-      callId,
-      outcome: value.outcome,
-      content: value.content,
-      ...value.error ? { error: value.error } : {},
-      ...value.action ? { action: value.action } : {},
-      ...typeof value.inputDigest === "string" ? { inputDigest: value.inputDigest } : {},
-      ...typeof value.outputDigest === "string" ? { outputDigest: value.outputDigest } : {}
-    };
-  if (value && typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 1 && Object.hasOwn(value, "result"))
-    return {
-      callId,
-      outcome: "success",
-      content: toJSONValue(value.result)
-    };
-  return {
-    callId,
-    outcome: "success",
-    content: value
-  };
-}
-function toContentFromGeminiPart(part) {
-  if ("text" in part)
-    return part.text;
-  if ("inlineData" in part)
-    return [{
-      type: "image",
-      url: `data:${part.inlineData.mimeType};base64,${part.inlineData.data}`,
-      mimeType: part.inlineData.mimeType
-    }];
-  return [{
-    type: "image",
-    url: part.fileData.fileUri,
-    mimeType: part.fileData.mimeType
-  }];
-}
-function toSystemInstructionContent(parts) {
-  const contentParts = [];
-  for (const part of parts)
-    if ("text" in part)
-      contentParts.push({
-        type: "text",
-        text: part.text
-      });
-    else if ("inlineData" in part)
-      contentParts.push({
-        type: "image",
-        url: `data:${part.inlineData.mimeType};base64,${part.inlineData.data}`,
-        mimeType: part.inlineData.mimeType
-      });
-    else if ("fileData" in part)
-      contentParts.push({
-        type: "image",
-        url: part.fileData.fileUri,
-        mimeType: part.fileData.mimeType
-      });
-  if (contentParts.length === 0)
-    return;
-  if (contentParts.length === 1 && contentParts[0]?.type === "text")
-    return contentParts[0].text ?? "";
-  return contentParts;
-}
-function toMessageInputs(payload) {
-  const inputs = [];
-  let syntheticToolCallCount = 0;
-  const pendingToolCalls = /* @__PURE__ */ new Map;
-  const queueToolCall = (name, callId) => {
-    const queued = pendingToolCalls.get(name) ?? [];
-    queued.push(callId);
-    pendingToolCalls.set(name, queued);
-  };
-  const dequeueToolCall = (name) => {
-    const queued = pendingToolCalls.get(name);
-    if (!queued || queued.length === 0)
-      return;
-    const [callId, ...rest] = queued;
-    if (rest.length === 0)
-      pendingToolCalls.delete(name);
-    else
-      pendingToolCalls.set(name, rest);
-    return callId;
-  };
-  const systemContent = payload.systemInstruction ? toSystemInstructionContent(payload.systemInstruction.parts) : undefined;
-  if (systemContent !== undefined)
-    inputs.push({
-      role: "system",
-      content: systemContent
-    });
-  for (const content of payload.contents) {
-    const role = content.role === "model" ? "assistant" : "user";
-    for (const part of content.parts) {
-      if ("functionCall" in part) {
-        const callId = `gemini-call-${++syntheticToolCallCount}`;
-        queueToolCall(part.functionCall.name, callId);
-        inputs.push({
-          role: "tool-call",
-          content: "",
-          toolCall: {
-            id: callId,
-            name: part.functionCall.name,
-            arguments: parseFunctionArguments(part.functionCall.args)
-          }
-        });
-        continue;
-      }
-      if ("functionResponse" in part) {
-        const callId = dequeueToolCall(part.functionResponse.name) ?? `gemini-call-${++syntheticToolCallCount}`;
-        inputs.push({
-          role: "tool-result",
-          content: "",
-          toolResult: parseFunctionResponse(callId, part.functionResponse.response)
-        });
-        continue;
-      }
-      inputs.push({
-        role,
-        content: toContentFromGeminiPart(part)
-      });
-    }
-  }
-  return inputs;
-}
-function fromGeminiMessages(payload) {
-  let conversation = createConversationHistory();
-  const inputs = toMessageInputs(payload);
-  if (inputs.length > 0)
-    conversation = appendMessages(conversation, ...inputs);
-  return conversation;
-}
-function appendGeminiMessages(conversation, payload) {
-  const inputs = toMessageInputs(payload);
-  if (inputs.length === 0)
-    return conversation;
-  return appendMessages(conversation, ...inputs);
-}
-var geminiConversationAdapter = {
-  export(conversation) {
-    return toGeminiMessages(conversation);
-  },
-  import(payload) {
-    return fromGeminiMessages(payload);
-  },
-  append(conversation, payload) {
-    return appendGeminiMessages(conversation, payload);
-  }
-};
-export {
-  toGeminiMessages,
-  geminiConversationAdapter,
-  fromGeminiMessages,
-  appendGeminiMessages
-};
-
-//# debugId=A9243EAE4BC9430164756E2164756E21