@opengeni/react 4.2.1-canary.39642758903001 → 4.3.1

package/src/timeline/annotation-model.ts

@@ -0,0 +1,217 @@
+import type { DraftTimelineAnnotation } from "@opengeni/sdk";
+import type { TimelineAnnotationSourceDescriptor } from "./types";
+
+/* ----------------------------------------------------------------------------
+   Timeline annotations without the DOM: how a selected quote becomes a draft
+   annotation (source offsets and context), shared by the web selection
+   popover and native renderers that report a selection as plain text.
+   -------------------------------------------------------------------------- */
+
+/** Bytes of source text kept on each side of a quote. */
+export const ANNOTATION_SOURCE_CONTEXT_BYTES = 160;
+/** Longest quote an annotation may carry. */
+export const ANNOTATION_MAX_QUOTE_BYTES = 16 * 1024;
+/** Longest note an annotation may carry (characters). */
+export const ANNOTATION_MAX_NOTE_LENGTH = 2048;
+
+export function annotationHasNote(note: string): boolean {
+  return note.trim().length > 0;
+}
+
+export function annotationDisplayOrdinal(
+  annotation: { readonly id?: string; readonly ordinal?: number | undefined },
+  index: number,
+): number {
+  return typeof annotation.ordinal === "number" ? annotation.ordinal : index + 1;
+}
+
+export function truncateAnnotationQuote(quote: string, maxChars = 160): string {
+  const normalized = quote.replace(/\s+/g, " ").trim();
+  if (normalized.length <= maxChars) return normalized;
+  return `${normalized.slice(0, Math.max(0, maxChars - 1)).trimEnd()}…`;
+}
+
+export function occurrenceOffsets(text: string, quote: string): number[] {
+  if (!quote) return [];
+  const offsets: number[] = [];
+  let cursor = 0;
+  while (cursor <= text.length - quote.length) {
+    const offset = text.indexOf(quote, cursor);
+    if (offset < 0) break;
+    offsets.push(offset);
+    cursor = offset + 1;
+  }
+  return offsets;
+}
+
+function uniqueNonEmpty(values: string[]): string[] {
+  const seen = new Set<string>();
+  const out: string[] = [];
+  for (const value of values) {
+    if (!value || seen.has(value)) continue;
+    seen.add(value);
+    out.push(value);
+  }
+  return out;
+}
+
+/**
+ * The part of a rendered selection that appears verbatim in the source text.
+ * Rendered text drops markdown syntax, so a selection across formatting falls
+ * back to its longest matching prefix, then suffix (at least 8 characters).
+ */
+export function matchingQuoteInSource(sourceText: string, quote: string): string | null {
+  for (const candidate of uniqueNonEmpty([quote, quote.trim()])) {
+    if (sourceText.includes(candidate)) return candidate;
+  }
+  const trimmed = quote.trim();
+  for (let length = trimmed.length; length >= 8; length--) {
+    const slice = trimmed.slice(0, length);
+    if (sourceText.includes(slice)) return slice;
+  }
+  for (let start = 1; start <= trimmed.length - 8; start++) {
+    const slice = trimmed.slice(start);
+    if (sourceText.includes(slice)) return slice;
+  }
+  return null;
+}
+
+const encoder = new TextEncoder();
+
+export function utf8ByteLength(value: string): number {
+  return encoder.encode(value).byteLength;
+}
+
+export function utf8Prefix(value: string, maxBytes: number): string {
+  let output = "";
+  let bytes = 0;
+  for (const character of value) {
+    const next = encoder.encode(character).byteLength;
+    if (bytes + next > maxBytes) break;
+    output += character;
+    bytes += next;
+  }
+  return output;
+}
+
+export function utf8Suffix(value: string, maxBytes: number): string {
+  let output = "";
+  let bytes = 0;
+  for (const character of [...value].reverse()) {
+    const next = encoder.encode(character).byteLength;
+    if (bytes + next > maxBytes) break;
+    output = character + output;
+    bytes += next;
+  }
+  return output;
+}
+
+function commonSuffixLength(a: string, b: string): number {
+  let count = 0;
+  while (
+    count < a.length &&
+    count < b.length &&
+    a[a.length - 1 - count] === b[b.length - 1 - count]
+  )
+    count++;
+  return count;
+}
+
+function commonPrefixLength(a: string, b: string): number {
+  let count = 0;
+  while (count < a.length && count < b.length && a[count] === b[count]) count++;
+  return count;
+}
+
+/**
+ * Which occurrence of `quote` in `sourceText` a selection meant, judged by the
+ * rendered text around the selection. Markdown syntax breaks exact matches,
+ * so the occurrence whose neighbouring characters agree longest wins.
+ */
+export function bestQuoteOccurrence(
+  sourceText: string,
+  quote: string,
+  offsets: readonly number[],
+  textBefore: string,
+  textAfter: string,
+): number {
+  if (offsets.length <= 1) return 0;
+  const before = textBefore.slice(-ANNOTATION_SOURCE_CONTEXT_BYTES);
+  const after = textAfter.slice(0, ANNOTATION_SOURCE_CONTEXT_BYTES);
+  let best = 0;
+  let bestScore = -1;
+  offsets.forEach((offset, index) => {
+    const score =
+      commonSuffixLength(before, sourceText.slice(Math.max(0, offset - before.length), offset)) +
+      commonPrefixLength(after, sourceText.slice(offset + quote.length));
+    if (score > bestScore) {
+      best = index;
+      bestScore = score;
+    }
+  });
+  return best;
+}
+
+function annotationId(): string {
+  if (typeof globalThis.crypto?.randomUUID === "function") {
+    return globalThis.crypto.randomUUID();
+  }
+  return `annotation-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+
+export type AnnotationSelection = {
+  /** The selected text as rendered. */
+  text: string;
+  /**
+   * Which occurrence of the quote in the source was selected, when the
+   * renderer can count it; otherwise the surrounding rendered text decides.
+   */
+  occurrence?: number | undefined;
+  /** Rendered text just before the selection (used when `occurrence` is unknown). */
+  textBefore?: string | undefined;
+  /** Rendered text just after the selection. */
+  textAfter?: string | undefined;
+};
+
+/**
+ * A draft annotation for a selection inside `source`, or null when nothing
+ * selected is in the source text or the quote is empty or too long.
+ */
+export function annotationFromSelection(
+  source: TimelineAnnotationSourceDescriptor,
+  selection: AnnotationSelection,
+  id: string = annotationId(),
+): DraftTimelineAnnotation | null {
+  const quote = matchingQuoteInSource(source.text, selection.text) ?? selection.text;
+  if (quote.trim().length === 0 || utf8ByteLength(quote) > ANNOTATION_MAX_QUOTE_BYTES) return null;
+  const offsets = occurrenceOffsets(source.text, quote);
+  if (offsets.length === 0) return null;
+  const occurrence =
+    selection.occurrence ??
+    bestQuoteOccurrence(
+      source.text,
+      quote,
+      offsets,
+      selection.textBefore ?? "",
+      selection.textAfter ?? "",
+    );
+  const startOffset = offsets[Math.min(Math.max(0, occurrence), offsets.length - 1)]!;
+  const endOffset = startOffset + quote.length;
+  return {
+    id,
+    quote,
+    note: "",
+    source: {
+      kind: source.kind,
+      eventId: source.eventId,
+      eventType: source.eventType,
+      sequence: source.sequence,
+      turnId: source.turnId,
+      startOffset,
+      endOffset,
+      contextBefore: utf8Suffix(source.text.slice(0, startOffset), ANNOTATION_SOURCE_CONTEXT_BYTES),
+      contextAfter: utf8Prefix(source.text.slice(endOffset), ANNOTATION_SOURCE_CONTEXT_BYTES),
+      ...(source.label ? { label: source.label } : {}),
+    },
+  };
+}

package/src/timeline/projection.ts

@@ -186,6 +186,11 @@ export function buildTimeline(
   options: BuildTimelineOptions = {},
 ): TimelineItem[] {
   const items: TimelineItem[] = [];
+  // Calls remain in insertion order while message bubbles can move. Keep the
+  // two existing lookup rules separate: creation merges only tool rows, while
+  // an output correlates to the latest tool or worker with that exact id.
+  const toolCallsById = new Map<string, ToolCallItem>();
+  const callsById = new Map<string, ToolCallItem | WorkerItem>();
   const allowanceNotices = new Set<string>();
   // One "not saved" notice per turn for the same refused change, however
   // often the agent retried it.
@@ -895,7 +900,7 @@ export function buildTimeline(
         ) {
           const spawn = toolMatchesLeaf(name, WORKER_SPAWN_TOOL);
           const title = spawn ? workerTitle(args) : null;
-          items.push({
+          const item: WorkerItem = {
             kind: "worker",
             id: event.id,
             turnId,
@@ -907,7 +912,9 @@ export function buildTimeline(
             failure: null,
             status: "running",
             occurredAt: event.occurredAt,
-          });
+          };
+          items.push(item);
+          if (callId) callsById.set(callId, item);
           break;
         }
         if (LANDMARK_ONLY_TOOL_LEAVES.has(mcpToolLeaf(name))) {
@@ -918,11 +925,7 @@ export function buildTimeline(
         // `RunToolCallItem` share the same item id. Merge so mid-stream cards
         // do not duplicate when the step finally materializes.
         if (callId) {
-          const existing = [...items]
-            .reverse()
-            .find(
-              (item): item is ToolCallItem => item.kind === "tool-call" && item.callId === callId,
-            );
+          const existing = toolCallsById.get(callId);
           if (existing) {
             if (display) existing.display = display;
             if (args != null) {
@@ -935,7 +938,7 @@ export function buildTimeline(
             break;
           }
         }
-        items.push({
+        const item: ToolCallItem = {
           kind: "tool-call",
           id: event.id,
           turnId,
@@ -950,13 +953,18 @@ export function buildTimeline(
           raw: payload.raw,
           status: providerNativeToolStatus(payload.raw),
           occurredAt: event.occurredAt,
-        });
+        };
+        items.push(item);
+        if (callId) {
+          toolCallsById.set(callId, item);
+          callsById.set(callId, item);
+        }
         break;
       }
 
       case "agent.toolCall.output": {
         const callId = typeof payload.id === "string" ? payload.id : null;
-        const target = findOpenCall(items, callId);
+        const target = findOpenCall(items, callId, callsById);
         if (!target) {
           break;
         }
@@ -3903,23 +3911,21 @@ function toolCallTruncation(payload: Record<string, unknown>): ToolCallTruncatio
 function findOpenCall(
   items: TimelineItem[],
   callId: string | null,
+  callsById: ReadonlyMap<string, ToolCallItem | WorkerItem>,
 ): ToolCallItem | WorkerItem | undefined {
-  const reversed = [...items].reverse();
-  const isCall = (item: TimelineItem): item is ToolCallItem | WorkerItem =>
-    item.kind === "tool-call" || item.kind === "worker";
   if (callId) {
-    const byId = reversed.find((item) => isCall(item) && item.callId === callId);
-    if (byId) {
-      return byId as ToolCallItem | WorkerItem;
-    }
     // An explicit provider correlation id is authoritative. Falling back to
     // an unrelated running call corrupts its status/output when compact pages
     // or interleaved providers deliver an unmatched historical result.
-    return undefined;
+    return callsById.get(callId);
   }
-  return reversed.find(
-    (item): item is ToolCallItem | WorkerItem => isCall(item) && item.status === "running",
-  );
+  for (let index = items.length - 1; index >= 0; index -= 1) {
+    const item = items[index]!;
+    if ((item.kind === "tool-call" || item.kind === "worker") && item.status === "running") {
+      return item;
+    }
+  }
+  return undefined;
 }
 
 function findOpenSandbox(items: TimelineItem[], name: string): SandboxItem | undefined {

package/src/timeline-model.ts

@@ -154,3 +154,17 @@ export {
   parseNotificationText,
 } from "./notification-text";
 export type { NotificationBlock, NotificationSpan } from "./notification-text";
+export {
+  ANNOTATION_MAX_NOTE_LENGTH,
+  ANNOTATION_MAX_QUOTE_BYTES,
+  ANNOTATION_SOURCE_CONTEXT_BYTES,
+  annotationDisplayOrdinal,
+  annotationFromSelection,
+  annotationHasNote,
+  bestQuoteOccurrence,
+  matchingQuoteInSource,
+  occurrenceOffsets,
+  truncateAnnotationQuote,
+} from "./timeline/annotation-model";
+export type { AnnotationSelection } from "./timeline/annotation-model";
+export { annotationNoteNeedsDisclosure } from "./components/timeline-annotation-layout";

package/src/ui/context-menu.tsx

@@ -6,6 +6,7 @@ import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
 import {
   MENU_ITEM_CLASS,
   MENU_LABEL_CLASS,
+  MENU_META_CLASS,
   MENU_SEPARATOR_CLASS,
   MENU_SURFACE_CLASS,
 } from "./menu-styles";
@@ -97,8 +98,23 @@ function ContextMenuLabel({
   );
 }
 
+/** An item's key on the right, like `DropdownMenuShortcut`. */
+function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      // The item carries the key in aria-keyshortcuts; glyphs like "⇧⌘,"
+      // would only garble its accessible name.
+      aria-hidden
+      data-slot="context-menu-shortcut"
+      className={cn(MENU_META_CLASS, "tracking-widest pointer-coarse:hidden", className)}
+      {...props}
+    />
+  );
+}
+
 export {
   ContextMenu,
+  ContextMenuShortcut,
   ContextMenuTrigger,
   ContextMenuContent,
   ContextMenuItem,

package/src/ui/dropdown-menu.tsx

@@ -175,8 +175,11 @@ function DropdownMenuSeparator({
 function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
   return (
     <span
+      // The item carries the key in aria-keyshortcuts; glyphs like "⇧⌘,"
+      // would only garble its accessible name.
+      aria-hidden
       data-slot="dropdown-menu-shortcut"
-      className={cn(MENU_META_CLASS, "tracking-widest", className)}
+      className={cn(MENU_META_CLASS, "tracking-widest pointer-coarse:hidden", className)}
       {...props}
     />
   );

package/src/ui/segmented-control.tsx

@@ -138,7 +138,10 @@ export function SegmentedControl<Value extends string = string>({
               className={cn(
                 itemClasses(variant, size),
                 option.iconOnly && variant !== "underline" && "px-2",
+                // Equal-width segments center their label, so side padding only
+                // decides when a long label truncates in a narrow row.
                 fullWidth && "flex-1",
+                fullWidth && variant !== "underline" && "px-1.5",
               )}
             >
               {/* While saving, the content fades and a spinner takes its place, so

package/styles/compiled.css

@@ -870,6 +870,9 @@
 :where(.og-root).top-10,:where(.og-root) .top-10 {
     top: calc(var(--spacing) * 10);
   }
+:where(.og-root).top-\[12dvh\],:where(.og-root) .top-\[12dvh\] {
+    top: 12dvh;
+  }
 :where(.og-root).top-\[30px\],:where(.og-root) .top-\[30px\] {
     top: 30px;
   }
@@ -1517,6 +1520,9 @@
 :where(.og-root).h-12,:where(.og-root) .h-12 {
     height: calc(var(--spacing) * 12);
   }
+:where(.og-root).h-13,:where(.og-root) .h-13 {
+    height: calc(var(--spacing) * 13);
+  }
 :where(.og-root).h-16,:where(.og-root) .h-16 {
     height: calc(var(--spacing) * 16);
   }
@@ -1685,6 +1691,12 @@
 :where(.og-root).max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\] {
     max-height: min(32rem, var(--radix-popover-content-available-height));
   }
+:where(.og-root).max-h-\[min\(480px\,70dvh\)\],:where(.og-root) .max-h-\[min\(480px\,70dvh\)\] {
+    max-height: min(480px, 70dvh);
+  }
+:where(.og-root).max-h-\[min\(560px\,76dvh\)\],:where(.og-root) .max-h-\[min\(560px\,76dvh\)\] {
+    max-height: min(560px, 76dvh);
+  }
 :where(.og-root).max-h-\[min\(calc\(var\(--radix-dropdown-menu-content-available-height\,70vh\)-3\.5rem\)\,620px\)\],:where(.og-root) .max-h-\[min\(calc\(var\(--radix-dropdown-menu-content-available-height\,70vh\)-3\.5rem\)\,620px\)\] {
     max-height: min(calc(var(--radix-dropdown-menu-content-available-height,70vh) - 3.5rem), 620px);
   }
@@ -1721,6 +1733,9 @@
 :where(.og-root).min-h-12,:where(.og-root) .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+:where(.og-root).min-h-13,:where(.og-root) .min-h-13 {
+    min-height: calc(var(--spacing) * 13);
+  }
 :where(.og-root).min-h-14,:where(.og-root) .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
@@ -1931,6 +1946,9 @@
 :where(.og-root).w-\[calc\(100\%-2rem\)\],:where(.og-root) .w-\[calc\(100\%-2rem\)\] {
     width: calc(100% - 2rem);
   }
+:where(.og-root).w-\[calc\(100vw-1\.5rem\)\],:where(.og-root) .w-\[calc\(100vw-1\.5rem\)\] {
+    width: calc(100vw - 1.5rem);
+  }
 :where(.og-root).w-\[clamp\(12rem\,28\%\,15rem\)\],:where(.og-root) .w-\[clamp\(12rem\,28\%\,15rem\)\] {
     width: clamp(12rem, 28%, 15rem);
   }
@@ -2048,6 +2066,9 @@
 :where(.og-root).max-w-\[18em\],:where(.og-root) .max-w-\[18em\] {
     max-width: 18em;
   }
+:where(.og-root).max-w-\[45\%\],:where(.og-root) .max-w-\[45\%\] {
+    max-width: 45%;
+  }
 :where(.og-root).max-w-\[48ch\],:where(.og-root) .max-w-\[48ch\] {
     max-width: 48ch;
   }
@@ -2090,6 +2111,9 @@
 :where(.og-root).max-w-\[380px\],:where(.og-root) .max-w-\[380px\] {
     max-width: 380px;
   }
+:where(.og-root).max-w-\[440px\],:where(.og-root) .max-w-\[440px\] {
+    max-width: 440px;
+  }
 :where(.og-root).max-w-\[480px\],:where(.og-root) .max-w-\[480px\] {
     max-width: 480px;
   }
@@ -2171,6 +2195,9 @@
 :where(.og-root).min-w-4\.5,:where(.og-root) .min-w-4\.5 {
     min-width: calc(var(--spacing) * 4.5);
   }
+:where(.og-root).min-w-5,:where(.og-root) .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
 :where(.og-root).min-w-6,:where(.og-root) .min-w-6 {
     min-width: calc(var(--spacing) * 6);
   }
@@ -2698,6 +2725,9 @@
 :where(.og-root).gap-x-8,:where(.og-root) .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
+:where(.og-root).gap-x-10,:where(.og-root) .gap-x-10 {
+    column-gap: calc(var(--spacing) * 10);
+  }
 :where(.og-root).-space-x-1\.5,:where(.og-root) .-space-x-1\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -2967,6 +2997,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+:where(.og-root).border-\[1\.5px\],:where(.og-root) .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
 :where(.og-root).border-x-0,:where(.og-root) .border-x-0 {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 0px;
@@ -3110,6 +3144,12 @@
       border-color: color-mix(in oklab, var(--color-danger) 70%, transparent);
     }
   }
+:where(.og-root).border-fg-subtle\/40,:where(.og-root) .border-fg-subtle\/40 {
+    border-color: var(--color-fg-subtle);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-fg-subtle) 40%, transparent);
+    }
+  }
 :where(.og-root).border-og-accent,:where(.og-root) .border-og-accent {
     border-color: var(--og-color-accent);
   }
@@ -3356,6 +3396,9 @@
       border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
     }
   }
+:where(.og-root).border-t-fg-muted,:where(.og-root) .border-t-fg-muted {
+    border-top-color: var(--color-fg-muted);
+  }
 :where(.og-root).border-t-transparent,:where(.og-root) .border-t-transparent {
     border-top-color: transparent;
   }
@@ -3392,6 +3435,12 @@
 :where(.og-root).bg-black,:where(.og-root) .bg-black {
     background-color: var(--color-black);
   }
+:where(.og-root).bg-black\/15,:where(.og-root) .bg-black\/15 {
+    background-color: color-mix(in srgb, #000 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
+    }
+  }
 :where(.og-root).bg-black\/25,:where(.og-root) .bg-black\/25 {
     background-color: color-mix(in srgb, #000 25%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4523,6 +4572,9 @@
 :where(.og-root).align-\[-0\.125rem\],:where(.og-root) .align-\[-0\.125rem\] {
     vertical-align: -0.125rem;
   }
+:where(.og-root).align-\[-4px\],:where(.og-root) .align-\[-4px\] {
+    vertical-align: -4px;
+  }
 :where(.og-root).align-baseline,:where(.og-root) .align-baseline {
     vertical-align: baseline;
   }
@@ -5437,6 +5489,10 @@
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+:where(.og-root).duration-\[100ms\],:where(.og-root) .duration-\[100ms\] {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
 :where(.og-root).duration-\[120ms\],:where(.og-root) .duration-\[120ms\] {
     --tw-duration: 120ms;
     transition-duration: 120ms;
@@ -8695,6 +8751,11 @@
       position: static;
     }
   }
+:where(.og-root).max-sm\:top-3,:where(.og-root) .max-sm\:top-3 {
+    @media (width < 40rem) {
+      top: calc(var(--spacing) * 3);
+    }
+  }
 :where(.og-root).max-sm\:bottom-3,:where(.og-root) .max-sm\:bottom-3 {
     @media (width < 40rem) {
       bottom: calc(var(--spacing) * 3);
@@ -8833,6 +8894,11 @@
       padding-inline: calc(var(--spacing) * 5);
     }
   }
+:where(.og-root).max-sm\:pt-5,:where(.og-root) .max-sm\:pt-5 {
+    @media (width < 40rem) {
+      padding-top: calc(var(--spacing) * 5);
+    }
+  }
 :where(.og-root).max-sm\:pr-10,:where(.og-root) .max-sm\:pr-10 {
     @media (width < 40rem) {
       padding-right: calc(var(--spacing) * 10);
@@ -9061,6 +9127,11 @@
       max-width: 640px;
     }
   }
+:where(.og-root).sm\:max-w-\[720px\],:where(.og-root) .sm\:max-w-\[720px\] {
+    @media (width >= 40rem) {
+      max-width: 720px;
+    }
+  }
 :where(.og-root).sm\:max-w-\[calc\(100vw-2rem\)\],:where(.og-root) .sm\:max-w-\[calc\(100vw-2rem\)\] {
     @media (width >= 40rem) {
       max-width: calc(100vw - 2rem);
@@ -10091,6 +10162,22 @@
       border-color: var(--color-border);
     }
   }
+:where(.og-root).dark\:bg-black\/40,:where(.og-root) .dark\:bg-black\/40 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #000 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+  }
+:where(.og-root).dark\:bg-black\/45,:where(.og-root) .dark\:bg-black\/45 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #000 45%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
+      }
+    }
+  }
 :where(.og-root).dark\:bg-input\/30,:where(.og-root) .dark\:bg-input\/30 {
     &:where(.dark, .dark *) {
       background-color: var(--color-input);
@@ -10600,6 +10687,11 @@
       }
     }
   }
+:where(.og-root).pointer-fine\:flex,:where(.og-root) .pointer-fine\:flex {
+    @media (pointer: fine) {
+      display: flex;
+    }
+  }
 :where(.og-root).pointer-fine\:group-focus-within\:invisible,:where(.og-root) .pointer-fine\:group-focus-within\:invisible {
     @media (pointer: fine) {
       &:is(:where(.group):focus-within *) {

package/dist/app/lib/keyboard-shortcuts.d.ts

@@ -1,51 +0,0 @@
-/**
- * App-global keyboard shortcuts.
- *
- * Chords use Cmd on Apple platforms and Ctrl elsewhere (`metaOrCtrl`). Keep this
- * list small and conflict-aware — a Cmd-K command palette can surface these later.
- */
-export type ShortcutChord = {
-    /** `KeyboardEvent.code`, e.g. `"KeyO"`. Layout-stable vs `event.key`. */
-    code: string;
-    /** Require ⌘ (Mac) or Ctrl (Win/Linux). */
-    metaOrCtrl: boolean;
-    shift?: boolean;
-    alt?: boolean;
-};
-export type AppShortcut = {
-    id: string;
-    chord: ShortcutChord;
-    /** Tooltip / help labels. */
-    label: {
-        mac: string;
-        other: string;
-    };
-};
-export declare const NEW_SESSION_SHORTCUT: {
-    readonly id: "new-session";
-    readonly chord: {
-        readonly code: "KeyO";
-        readonly metaOrCtrl: true;
-        readonly shift: true;
-    };
-    readonly label: {
-        readonly mac: "⌘⇧O";
-        readonly other: "Ctrl+Shift+O";
-    };
-};
-/** Every registered app shortcut — grow here; palette can read this later. */
-export declare const APP_SHORTCUTS: readonly [{
-    readonly id: "new-session";
-    readonly chord: {
-        readonly code: "KeyO";
-        readonly metaOrCtrl: true;
-        readonly shift: true;
-    };
-    readonly label: {
-        readonly mac: "⌘⇧O";
-        readonly other: "Ctrl+Shift+O";
-    };
-}];
-export declare function isApplePlatform(): boolean;
-export declare function shortcutLabel(shortcut: Pick<AppShortcut, "label">): string;
-export declare function matchesShortcut(event: Pick<KeyboardEvent, "code" | "metaKey" | "ctrlKey" | "shiftKey" | "altKey" | "repeat">, chord: ShortcutChord): boolean;

package/dist/app/lib/keyboard-shortcuts.js

@@ -1,16 +0,0 @@
-"use client";
-import {
-  APP_SHORTCUTS,
-  NEW_SESSION_SHORTCUT,
-  isApplePlatform,
-  matchesShortcut,
-  shortcutLabel
-} from "../../chunk-53IXIUYP.js";
-export {
-  APP_SHORTCUTS,
-  NEW_SESSION_SHORTCUT,
-  isApplePlatform,
-  matchesShortcut,
-  shortcutLabel
-};
-//# sourceMappingURL=keyboard-shortcuts.js.map