@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/index.server-5599w5gj.js

@@ -0,0 +1,41 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/label/label.svelte
+import * as $ from "svelte/internal/server";
+function Label($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      for: forId,
+      required = false,
+      disabled = false,
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $$renderer2.push(`<label${$.attributes({
+      for: forId,
+      class: $.clsx(classNames("cinder-label", className)),
+      "data-disabled": disabled || undefined,
+      ...rest
+    })}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (required) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></label>`);
+  });
+}
+
+// src/components/label/index.ts
+var label_default = Label;
+export { Label, label_default };
+
+//# debugId=5EFD4EF82770430E64756E2164756E21

package/dist/server/index.server-578qndbg.js

@@ -0,0 +1,221 @@
+// src/components/chat/utilities/utilities.ts
+var CINDER_REASONING_METADATA_KEY = "cinder:reasoning";
+var CINDER_STEPS_METADATA_KEY = "cinder:steps";
+var CINDER_SUGGESTIONS_METADATA_KEY = "cinder:suggestions";
+var STEP_STATUSES = new Set([
+  "pending",
+  "running",
+  "done",
+  "error"
+]);
+function isStepInfo(value) {
+  if (value === null || typeof value !== "object")
+    return false;
+  if (!("title" in value) || !("content" in value) || !("status" in value))
+    return false;
+  return typeof value.title === "string" && typeof value.content === "string" && typeof value.status === "string" && STEP_STATUSES.has(value.status);
+}
+function runOverlayCallback(message, fromProp) {
+  if (fromProp === undefined)
+    return { handled: false, value: undefined };
+  try {
+    const value = fromProp(message);
+    return value === undefined ? { handled: false, value: undefined } : { handled: true, value };
+  } catch {
+    return { handled: false, value: undefined };
+  }
+}
+function resolveMessageReasoning(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_REASONING_METADATA_KEY];
+  return typeof candidate === "string" && candidate.length > 0 ? candidate : undefined;
+}
+function resolveMessageSteps(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_STEPS_METADATA_KEY];
+  if (!Array.isArray(candidate))
+    return;
+  const steps = candidate.filter(isStepInfo);
+  return steps.length > 0 ? steps : undefined;
+}
+function resolveMessageSuggestions(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_SUGGESTIONS_METADATA_KEY];
+  if (!Array.isArray(candidate))
+    return;
+  const suggestions = candidate.filter((entry) => typeof entry === "string");
+  return suggestions.length > 0 ? suggestions : undefined;
+}
+function toMultiModalArray(input) {
+  if (typeof input === "string")
+    return [{ type: "text", text: input }];
+  return "type" in input ? [input] : input;
+}
+function isTextPart(part) {
+  return part.type === "text";
+}
+function getMessageParts(message) {
+  return toMultiModalArray(message.content);
+}
+function getMessageText(message) {
+  return getMessageParts(message).filter(isTextPart).map((part) => part.text).join(`
+`);
+}
+function deriveImageParts(message) {
+  if (typeof message.content === "string")
+    return [];
+  const parts = [];
+  message.content.forEach((segment, index) => {
+    if (segment.type === "image") {
+      parts.push({
+        type: "image",
+        key: `${message.id}:image:${index}`,
+        image: segment
+      });
+    }
+  });
+  return parts;
+}
+function deriveToolApprovalPart(messageId, result, context) {
+  const approved = context.approvedToolCallIds?.has(result.callId) ? true : context.deniedToolCallIds?.has(result.callId) ? false : undefined;
+  return {
+    type: "tool-approval",
+    key: `${messageId}:tool-approval:${result.callId}`,
+    toolCallId: result.callId,
+    toolName: context.toolCallPair?.call.name ?? result.callId,
+    action: result.action,
+    approved
+  };
+}
+function deriveMessageParts(message, context = {}) {
+  const imageParts = deriveImageParts(message);
+  if (message.role === "tool-call" && message.toolCall && context.toolCallPair) {
+    const result = context.toolCallPair.result;
+    const approvalPart = result && result.outcome === "action_required" && result.action ? deriveToolApprovalPart(message.id, result, context) : undefined;
+    return [
+      {
+        type: "tool-call",
+        key: `${message.id}:tool-call:${message.toolCall.id}`,
+        pair: context.toolCallPair
+      },
+      ...approvalPart ? [approvalPart] : [],
+      ...imageParts
+    ];
+  }
+  if (message.role === "tool-result" && message.toolResult) {
+    const result = message.toolResult;
+    if (result.outcome === "action_required" && result.action) {
+      return [deriveToolApprovalPart(message.id, result, context), ...imageParts];
+    }
+    return [
+      {
+        type: "tool-result",
+        key: `${message.id}:tool-result:${result.callId}`,
+        result
+      },
+      ...imageParts
+    ];
+  }
+  const content = context.overrideContent ?? getMessageText(message);
+  const bodyParts = [];
+  if (context.steps && context.steps.length > 0) {
+    for (let index = 0;index < context.steps.length; index++) {
+      const step = context.steps[index];
+      bodyParts.push({
+        type: "step",
+        key: `${message.id}:step:${index}`,
+        index,
+        title: step.title,
+        content: step.content,
+        status: step.status
+      });
+    }
+  }
+  if (context.reasoning && context.reasoning.length > 0) {
+    bodyParts.push({
+      type: "reasoning",
+      key: `${message.id}:reasoning`,
+      content: context.reasoning,
+      streaming: context.streaming ?? false
+    });
+  }
+  bodyParts.push({
+    type: "markdown",
+    key: `${message.id}:body`,
+    content,
+    streaming: context.streaming ?? false,
+    expanded: context.expanded ?? true
+  });
+  if (context.suggestions && context.suggestions.length > 0) {
+    for (let index = 0;index < context.suggestions.length; index++) {
+      const label = context.suggestions[index];
+      bodyParts.push({
+        type: "suggestion",
+        key: `${message.id}:suggestion:${index}`,
+        index,
+        label
+      });
+    }
+  }
+  return [...bodyParts, ...imageParts];
+}
+function getMessageRoleLabel(message) {
+  const labels = {
+    user: "User",
+    assistant: "Assistant",
+    system: "System",
+    developer: "Developer",
+    "tool-call": "Tool Call",
+    "tool-result": "Tool Result",
+    snapshot: "Snapshot"
+  };
+  return labels[message.role] ?? message.role;
+}
+function formatMessageAsMarkdown(message) {
+  return getMessageText(message);
+}
+function formatMessageWithRole(message) {
+  const roleLabel = getMessageRoleLabel(message);
+  const text = getMessageText(message);
+  return `**${roleLabel}:**
+
+${text}`;
+}
+function messagesToMarkdown(messages) {
+  return messages.filter((msg) => msg.role !== "system" && msg.role !== "developer").map(formatMessageWithRole).join(`
+
+---
+
+`);
+}
+
+// src/components/chat/utilities/conversation.ts
+function getMessages(conversation, options) {
+  const includeHidden = options?.includeHidden ?? false;
+  const ordered = [];
+  for (const id of conversation.ids) {
+    const message = conversation.messages[id];
+    if (message && (includeHidden || !message.hidden)) {
+      ordered.push(message);
+    }
+  }
+  return ordered;
+}
+function pairToolCallsWithResults(messages) {
+  const resultsByCallId = new Map;
+  for (const message of messages) {
+    if (message.role === "tool-result" && message.toolResult) {
+      resultsByCallId.set(message.toolResult.callId, message.toolResult);
+    }
+  }
+  const pairs = [];
+  for (const message of messages) {
+    if (message.role === "tool-call" && message.toolCall) {
+      pairs.push({ call: message.toolCall, result: resultsByCallId.get(message.toolCall.id) });
+    }
+  }
+  return pairs;
+}
+export { getMessages, pairToolCallsWithResults, resolveMessageReasoning, resolveMessageSteps, resolveMessageSuggestions, getMessageText, deriveMessageParts, getMessageRoleLabel, formatMessageAsMarkdown, messagesToMarkdown };
+
+//# debugId=CC7051580887E7B264756E2164756E21

package/dist/server/index.server-5bxfjsbc.js

@@ -0,0 +1,74 @@
+// src/utilities/fixed-virtual-window.ts
+function resolveVirtualItemHeight(itemHeight, fallback = 1) {
+  if (Number.isFinite(itemHeight) && itemHeight > 0)
+    return itemHeight;
+  return fallback;
+}
+function resolveVirtualOverscan(overscan) {
+  if (!Number.isFinite(overscan) || overscan === undefined)
+    return 0;
+  return Math.max(0, Math.floor(overscan));
+}
+function parsePixelLength(value) {
+  if (value === undefined)
+    return;
+  const match = /^([0-9]+(?:\.[0-9]+)?)px$/.exec(value.trim());
+  if (!match)
+    return;
+  return Number(match[1]);
+}
+function getFixedVirtualWindow({
+  itemCount,
+  itemHeight,
+  scrollOffset,
+  viewportHeight,
+  overscan,
+  getKey
+}) {
+  const count = Math.max(0, Math.floor(itemCount));
+  const size = resolveVirtualItemHeight(itemHeight);
+  const totalSize = count * size;
+  if (count === 0) {
+    return {
+      items: [],
+      totalSize,
+      leadingSize: 0,
+      trailingSize: 0,
+      startIndex: 0,
+      endIndex: 0
+    };
+  }
+  const resolvedViewportHeight = Number.isFinite(viewportHeight) && viewportHeight > 0 ? viewportHeight : size * 10;
+  const resolvedOverscan = resolveVirtualOverscan(overscan);
+  const maxScrollOffset = Math.max(0, totalSize - resolvedViewportHeight);
+  const offset = Math.min(Math.max(0, scrollOffset), maxScrollOffset);
+  const visibleStartIndex = Math.min(count - 1, Math.floor(offset / size));
+  const visibleCount = Math.max(1, Math.ceil(resolvedViewportHeight / size));
+  const startIndex = Math.max(0, visibleStartIndex - resolvedOverscan);
+  const endIndex = Math.min(count, startIndex + visibleCount + resolvedOverscan * 2);
+  const items = Array.from({ length: endIndex - startIndex }, (_, indexOffset) => {
+    const index = startIndex + indexOffset;
+    return {
+      index,
+      key: getKey?.(index) ?? index,
+      start: index * size,
+      size
+    };
+  });
+  const firstItem = items[0];
+  const lastItem = items.at(-1);
+  const leadingSize = firstItem?.start ?? 0;
+  const trailingSize = lastItem ? Math.max(0, totalSize - (lastItem.start + lastItem.size)) : 0;
+  return {
+    items,
+    totalSize,
+    leadingSize,
+    trailingSize,
+    startIndex,
+    endIndex
+  };
+}
+
+export { resolveVirtualItemHeight, resolveVirtualOverscan, parsePixelLength, getFixedVirtualWindow };
+
+//# debugId=34A6729259FD65E764756E2164756E21

package/dist/server/index.server-5h2t2v49.js

@@ -0,0 +1,9 @@
+import {
+  Code_block
+} from "./index.server-2g8qr4nk.js";
+
+// src/components/code-block/index.ts
+var code_block_default = Code_block;
+export { code_block_default };
+
+//# debugId=04553A621DE3AB6464756E2164756E21

package/dist/server/index.server-5hvm9w79.js

@@ -0,0 +1,9 @@
+import {
+  Badge
+} from "./index.server-bkz7h7jx.js";
+
+// src/components/badge/index.ts
+var badge_default = Badge;
+export { badge_default };
+
+//# debugId=854CFE68D1B62ABB64756E2164756E21

package/dist/server/index.server-5kt7t4y4.js

@@ -0,0 +1,69 @@
+import {
+  useReducedMotion
+} from "./index.server-8hdvr9bt.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/collapsible/collapsible.svelte
+import * as $ from "svelte/internal/server";
+import { slide } from "svelte/transition";
+function Collapsible($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const autoId = $.props_id($$renderer2);
+    let {
+      trigger,
+      children,
+      open = false,
+      ontoggle,
+      disabled = false,
+      idBase,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const SLIDE_MS = 200;
+    const motion = useReducedMotion();
+    const slideMs = $.derived(() => motion.current ? 0 : SLIDE_MS);
+    const baseId = $.derived(() => idBase ?? autoId);
+    const headerId = $.derived(() => `${baseId()}-header`);
+    const panelId = $.derived(() => `${baseId()}-panel`);
+    function handleClick() {
+      if (disabled)
+        return;
+      const next = !open;
+      open = next;
+      ontoggle?.(next);
+    }
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-collapsible", className)),
+      "data-cinder-expanded": open ? "" : undefined,
+      "data-cinder-disabled": disabled ? "" : undefined
+    })}><button type="button"${$.attr("id", headerId())} class="cinder-collapsible__trigger"${$.attr("aria-expanded", open)}${$.attr("aria-controls", open ? panelId() : undefined)}${$.attr("disabled", disabled, true)}><span class="cinder-collapsible__label">`);
+    if (typeof trigger === "string") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`${$.escape(trigger)}`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      trigger($$renderer2, { open, disabled });
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></span> <svg class="cinder-collapsible__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button> `);
+    if (open) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$.attr("id", panelId())} role="region"${$.attr("aria-labelledby", headerId())} class="cinder-collapsible__panel"><div class="cinder-collapsible__panel-inner">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $.bind_props($$props, { open });
+  });
+}
+
+export { Collapsible };
+
+//# debugId=502296D679F33B3D64756E2164756E21

package/dist/server/index.server-5qknw2zb.js

@@ -0,0 +1,46 @@
+import {
+  Stat
+} from "./index.server-dbkczma7.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/stat-group/stat-group.svelte
+import * as $ from "svelte/internal/server";
+function Stat_group($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      columns = "auto",
+      variant = "default",
+      children,
+      class: customClassName,
+      label,
+      role,
+      "aria-label": ariaLabel,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const groupRole = $.derived(() => label ? "group" : role);
+    const groupAriaLabel = $.derived(() => label || ariaLabel);
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      role: groupRole(),
+      "aria-label": groupAriaLabel(),
+      class: $.clsx(classNames("cinder-stat-group", customClassName)),
+      "data-cinder-variant": variant,
+      "data-cinder-columns": String(columns)
+    })}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+// src/components/stat-group/index.ts
+var StatGroup = Object.assign(Stat_group, {
+  Stat
+});
+var stat_group_default = StatGroup;
+export { StatGroup, stat_group_default };
+
+//# debugId=B8BDA87F749E9FDC64756E2164756E21

package/dist/server/index.server-5s9645md.js

@@ -0,0 +1,97 @@
+import {
+  tryGetTableContext,
+  tryGetTableHeaderSelectionContext,
+  tryGetTableSectionContext
+} from "./index.server-7pdq2w0a.js";
+import {
+  devWarn
+} from "./index.server-nj8mebze.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/table-row/table-row.svelte
+import * as $ from "svelte/internal/server";
+import { untrack } from "svelte";
+function Table_row($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: className,
+      children,
+      selected,
+      onselectedchange,
+      selectionLabel,
+      selectionDisabled,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const table = tryGetTableContext();
+    const selectionEnabled = table?.selectionEnabled ?? false;
+    const section = tryGetTableSectionContext();
+    const headerSelection = tryGetTableHeaderSelectionContext();
+    if (selectionEnabled && section === "body") {
+      untrack(() => {
+        const hasDisabled = selectionDisabled === true;
+        if (!hasDisabled) {
+          const hasSelected = selected !== undefined;
+          const hasOnChange = onselectedchange !== undefined;
+          const hasLabel = selectionLabel !== undefined;
+          if (!hasSelected || !hasOnChange || !hasLabel) {
+            throw new Error("[Cinder] TableRow: when Table.selectable is true, each body row must supply " + "selected + onselectedchange + selectionLabel together, or set selectionDisabled={true}. " + `Missing: ${[
+              !hasSelected && "selected",
+              !hasOnChange && "onselectedchange",
+              !hasLabel && "selectionLabel"
+            ].filter(Boolean).join(", ")}.`);
+          }
+        }
+      });
+    }
+    if (selectionEnabled && section === undefined) {
+      devWarn("[Cinder] TableRow: rendered outside TableHeader or TableBody while Table.selectable is true. " + "The leading selection cell will not be rendered.");
+    }
+    function handleSelectAllChange(event) {
+      const input = event.currentTarget;
+      headerSelection?.onselectall(input.checked);
+    }
+    function handleRowChange(event) {
+      const input = event.currentTarget;
+      onselectedchange?.(input.checked);
+    }
+    const shouldRenderHeaderSelectionCell = selectionEnabled && section === "header" && headerSelection !== undefined;
+    if (shouldRenderHeaderSelectionCell) {
+      headerSelection?.claimSelectionHeaderCell();
+    }
+    $$renderer2.push(`<tr${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-table__row", className))
+    })}>`);
+    if (shouldRenderHeaderSelectionCell && headerSelection) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"${$.attr("checked", headerSelection.allSelected, true)}${$.attr("aria-label", headerSelection.selectAllLabel)}/></th>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    if (selectionEnabled && section === "body") {
+      $$renderer2.push("<!--[0-->");
+      if (selectionDisabled) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<td class="cinder-table__cell cinder-table__cell--selection cinder-table__cell--selection-disabled"><input type="checkbox" class="cinder-table__selection-checkbox" disabled=""${$.attr("aria-label", selectionLabel ?? "Selection not allowed for this row")}/></td>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<td class="cinder-table__cell cinder-table__cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"${$.attr("checked", selected, true)}${$.attr("aria-label", selectionLabel)}/></td>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></tr>`);
+  });
+}
+
+export { Table_row };
+
+//# debugId=D6F24E3EDC4454A264756E2164756E21

package/dist/server/index.server-5v74e1fz.js

@@ -0,0 +1,29 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/spinner/spinner.svelte
+import * as $ from "svelte/internal/server";
+function Spinner($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const {
+      size = "md",
+      label = "Loading",
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $$renderer2.push(`<span${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-spinner", className)),
+      role: "status",
+      "aria-label": label,
+      "data-cinder-size": size
+    })}><span class="cinder-spinner__sr-only">${$.escape(label)}</span></span>`);
+  });
+}
+
+export { Spinner };
+
+//# debugId=2C81EDE264F2DB0164756E2164756E21