@tangle-network/agent-app 0.45.41 → 0.45.43

package/dist/{chunk-7O4FZAFP.js → chunk-PE67O2LH.js}

@@ -1323,11 +1323,11 @@ function drawWaveform(ctx, data, rect, color) {
 // src/sequences-react/components/TimelineClipChip.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var KIND_TONES = {
-  video: "border-sky-400/40 bg-sky-500/15",
-  audio: "border-emerald-400/40 bg-emerald-500/15",
-  caption: "border-amber-400/40 bg-amber-500/15",
-  reference: "border-zinc-400/40 bg-zinc-500/15",
-  agent: "border-violet-400/40 bg-violet-500/15"
+  video: "border-sky-400/40 bg-[color-mix(in_srgb,#0ea5e9_15%,var(--bg-input))]",
+  audio: "border-emerald-400/40 bg-[color-mix(in_srgb,#10b981_15%,var(--bg-input))]",
+  caption: "border-amber-400/40 bg-[color-mix(in_srgb,#f59e0b_15%,var(--bg-input))]",
+  reference: "border-zinc-400/40 bg-[color-mix(in_srgb,#71717a_15%,var(--bg-input))]",
+  agent: "border-violet-400/40 bg-[color-mix(in_srgb,#8b5cf6_15%,var(--bg-input))]"
 };
 var waveformCache = /* @__PURE__ */ new Map();
 var WAVEFORM_BUCKETS = 256;
@@ -1638,10 +1638,10 @@ function TimelineClipChip(props) {
       children: [
         isAudioMedia ? /* @__PURE__ */ jsx5("canvas", { ref: waveformRef, className: "absolute inset-0 h-full w-full" }) : null,
         /* @__PURE__ */ jsxs3("div", { className: "relative flex h-full min-w-0 items-stretch gap-1.5 px-1.5 py-1", children: [
-          isVisualMedia ? /* @__PURE__ */ jsx5("canvas", { ref: posterRef, className: "h-full w-10 shrink-0 rounded-sm bg-black/40 object-cover" }) : null,
+          isVisualMedia ? /* @__PURE__ */ jsx5("canvas", { ref: posterRef, className: "h-full w-10 shrink-0 rounded-sm bg-black object-cover" }) : null,
           /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx5("div", { className: "truncate text-[11px] font-medium leading-4 text-[var(--text-primary)]", children: isCaption && typeof clip.text === "string" ? clip.text : clip.label }),
-            /* @__PURE__ */ jsx5("span", { className: "mt-0.5 inline-block rounded bg-black/30 px-1 font-mono text-[9px] leading-3 text-[var(--text-secondary)]", children: formatTimecode(shown.durationFrames, fps) })
+            /* @__PURE__ */ jsx5("span", { className: "mt-0.5 inline-block rounded bg-[hsl(var(--background))] px-1 font-mono text-[9px] leading-3 text-[var(--text-secondary)]", children: formatTimecode(shown.durationFrames, fps) })
           ] })
         ] }),
         editingText !== null ? /* @__PURE__ */ jsx5(
@@ -1657,7 +1657,7 @@ function TimelineClipChip(props) {
               event.stopPropagation();
             },
             onBlur: commitText,
-            className: "agent-app-edit-selection absolute inset-0 z-10 w-full bg-black/80 px-1.5 text-[11px] text-[var(--text-primary)] ring-1 ring-[var(--brand-primary)]",
+            className: "agent-app-edit-selection absolute inset-0 z-10 w-full bg-[hsl(var(--popover))] px-1.5 text-[11px] text-[var(--text-primary)] ring-1 ring-[var(--brand-primary)]",
             "aria-label": "Caption text"
           }
         ) : null,
@@ -1666,7 +1666,7 @@ function TimelineClipChip(props) {
             "span",
             {
               "data-trim-handle": "start",
-              className: "absolute bottom-0 left-0 top-0 z-10 w-1.5 cursor-ew-resize bg-transparent opacity-0 transition group-hover:opacity-100 group-hover:bg-[var(--brand-primary)]/60",
+              className: "absolute bottom-0 left-0 top-0 z-10 w-1.5 cursor-ew-resize bg-transparent opacity-0 transition group-hover:opacity-100 group-hover:bg-[var(--brand-primary)]",
               onPointerDown: (event) => beginGesture(event, "trim-start"),
               onPointerMove: updateGesture,
               onPointerUp: finishGesture,
@@ -1678,7 +1678,7 @@ function TimelineClipChip(props) {
             "span",
             {
               "data-trim-handle": "end",
-              className: "absolute bottom-0 right-0 top-0 z-10 w-1.5 cursor-ew-resize bg-transparent opacity-0 transition group-hover:opacity-100 group-hover:bg-[var(--brand-primary)]/60",
+              className: "absolute bottom-0 right-0 top-0 z-10 w-1.5 cursor-ew-resize bg-transparent opacity-0 transition group-hover:opacity-100 group-hover:bg-[var(--brand-primary)]",
               onPointerDown: (event) => beginGesture(event, "trim-end"),
               onPointerMove: updateGesture,
               onPointerUp: finishGesture,
@@ -1919,11 +1919,11 @@ function GhostLane({
   height,
   laneWidth
 }) {
-  return /* @__PURE__ */ jsxs7("div", { className: "flex border-b border-[var(--border-default)] last:border-b-0 opacity-60", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "flex border-b border-[var(--border-soft)] last:border-b-0", children: [
     /* @__PURE__ */ jsxs7(
       "div",
       {
-        className: `sticky left-0 z-10 flex w-36 shrink-0 items-center gap-2 border-r border-[var(--border-default)] bg-[var(--bg-input)] px-2.5 ${height}`,
+        className: `sticky left-0 z-10 flex w-36 shrink-0 items-center gap-2 border-r border-[var(--border-soft)] bg-[var(--bg-input)] px-2.5 ${height}`,
         children: [
           /* @__PURE__ */ jsx10(Icon, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-muted)]" }),
           /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-[var(--text-muted)]", children: label })
@@ -2700,4 +2700,4 @@ export {
   TimelineEditor,
   TimelineEditor_default
 };
-//# sourceMappingURL=chunk-7O4FZAFP.js.map
+//# sourceMappingURL=chunk-PE67O2LH.js.map