@oxy-hq/sdk 2.4.0 → 2.5.0

package/dist/shell.css

@@ -669,10 +669,65 @@
   color: var(--oxy-shell-muted-fg);
 }
 
+.oxy-askdock__history-search {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+  padding: 0.5rem 0.625rem;
+  border: 1px solid var(--oxy-shell-border);
+  border-radius: var(--oxy-shell-radius);
+  color: var(--oxy-shell-muted-fg);
+}
+
+.oxy-askdock__history-search:focus-within {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--oxy-shell-ring) 45%, transparent);
+}
+
+.oxy-askdock__history-search svg {
+  flex: none;
+}
+
+.oxy-askdock__history-searchinput {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  outline: none;
+  color: var(--oxy-shell-foreground);
+  font-family: var(--oxy-shell-font);
+  font-size: 13px;
+}
+
+.oxy-askdock__history-searchinput::placeholder {
+  color: var(--oxy-shell-muted-fg);
+}
+
+.oxy-askdock__history-more {
+  align-self: center;
+  margin-top: 0.25rem;
+  padding: 0.5rem 0.75rem;
+  border: none;
+  background: transparent;
+  color: var(--oxy-shell-muted-fg);
+  font-family: var(--oxy-shell-font);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: color 0.15s;
+}
+
+.oxy-askdock__history-more:hover {
+  color: var(--oxy-shell-foreground);
+}
+
 .oxy-askdock__history-item {
   display: flex;
-  flex-direction: column;
-  gap: 0.125rem;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
   width: 100%;
   border: none;
   border-radius: calc(var(--oxy-shell-radius) - 2px);
@@ -684,6 +739,12 @@
   transition: background 0.15s;
 }
 
+.oxy-askdock__history-icon {
+  display: inline-flex;
+  flex: none;
+  color: var(--oxy-shell-muted-fg);
+}
+
 .oxy-askdock__history-item:hover {
   background: var(--oxy-shell-accent);
 }
@@ -693,7 +754,20 @@
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--oxy-shell-ring) 50%, transparent);
 }
 
+/* The conversation currently open in the dock — kept in the list (not hidden)
+   and highlighted with the same background as :hover, plus a bolder title so
+   the current chat stays distinguishable from a merely-hovered one. */
+.oxy-askdock__history-item--active {
+  background: var(--oxy-shell-accent);
+}
+
+.oxy-askdock__history-item--active .oxy-askdock__history-title {
+  font-weight: 600;
+}
+
 .oxy-askdock__history-title {
+  flex: 1;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -701,9 +775,11 @@
   color: var(--oxy-shell-foreground);
 }
 
-.oxy-askdock__history-meta {
-  font-size: 11px;
+.oxy-askdock__history-time {
+  flex: none;
+  font-size: 12px;
   color: var(--oxy-shell-muted-fg);
+  white-space: nowrap;
 }
 
 .oxy-askdock__scroll {

package/dist/shell.d.cts

@@ -1,5 +1,5 @@
 
-import { a as AppFetcher, n as AgentRunEvent } from "./react-BLsczFL4.cjs";
+import { a as AppFetcher, n as AgentRunEvent } from "./react-BnpR8VRJ.cjs";
 import * as React from "react";
 import { ReactNode } from "react";
 //#region src/shell/AnswerChart.d.ts
@@ -86,8 +86,8 @@ interface OxyShellProps {
   /** Extra right-side top bar content, rendered after the status cluster
    *  (Sys · clock) and before the Ask Oxygen button. */
   topBarExtra?: ReactNode;
-  /** Rail bottom slot content, rendered above the built-in Settings
-   *  entry (the account cluster in the main web-app). */
+  /** Rail bottom slot content. The shell adds no built-in entries here —
+   *  a bundle that wants a Settings link supplies its own. */
   railBottom?: ReactNode;
   /** Drop the top bar and keep only the rail. */
   hideTopBar?: boolean;
@@ -103,12 +103,21 @@ interface OxyShellProps {
    *  URLs. Leave unset in production. */
   productBaseUrl?: string;
   className?: string;
+  /** Background of the shell chrome — the icon rail, the top bar, and the
+   *  AskDock (they share one token). Any CSS color, including `var(--…)` to
+   *  track a host token (e.g. `var(--background)` to match the app's canvas).
+   *  Overrides the theme's default; leave unset to keep it. */
+  chromeBackground?: string;
+  /** Text/icon color on the chrome, paired with `chromeBackground` for
+   *  contrast when using a background outside the current light/dark family.
+   *  Unset keeps the theme's foreground. */
+  chromeForeground?: string;
 }
 /**
  * The workspace chrome around a customer app: icon rail + universal top bar
  * + content column — visually identical to the main web-app shell.
  */
-declare function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey, productBaseUrl, className }: OxyShellProps): import("react").JSX.Element;
+declare function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey, productBaseUrl, className, chromeBackground, chromeForeground }: OxyShellProps): import("react").JSX.Element;
 //#endregion
 //#region src/shell/trace.d.ts
 type TraceStepStatus = "running" | "done" | "failed" | "suspended";

package/dist/shell.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.cts","names":[],"sources":["../src/shell/AnswerChart.tsx","../src/shell/AskDock.tsx","../src/shell/logoUrl.ts","../src/shell/marks.tsx","../src/shell/OxyShell.tsx","../src/shell/trace.ts","../src/shell/ReasoningTrace.tsx","../src/shell/ShellRail.tsx","../src/shell/shellContext.ts","../src/shell/Tooltip.tsx","../src/shell/TopBar.tsx","../src/shell/threadHistory.ts","../src/shell/WorkspaceTile.tsx"],"mappings":";;;;;UAYiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAGe;EACf,QAAQ;EACR;EACA;;UA8ce;EACf,OAAO;EACP;;;;;iBAMc,cAAc,OAAO,aAAa,mBAAgB,MAAA,IAAA;;;UC/WjD;;EAEf;;EAEA;;EAEA;;EAEA;EACA;EACA;EACA;;;;;;iBA6Cc,UACd,SACA,eACA,aACA,aACA,MACA,SACA,aACC,eAAY,MAAA,IAAA;;;;;;;;cC7LF,mBAAgB,oBAAsB,qBAAqB;;;;cCA3D;;;iBAKG,UAAU;EAAe;oBAAoB,IAAA;;;;;;iBAyB7C,oBAAoB;EAAe;oBAAoB,IAAA;;;UCoDtD;EACf,UAAU;;EAEV;;;;;EAKA,aAAa;;;EAGb,cAAc;;;EAGd,aAAa;;EAEb;;;EAGA;;;;;;;;EAQA;EACA;;;;;;iBAsDc,WACd,UACA,WACA,YACA,aACA,YACA,YACA,WACA,gBACA,aACC,gCAAa,IAAA;;;KCxKJ;UAEK;EACf;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;EACA;;UAGe;EACf;EACA;EACA;EACA,QAAQ;EACR,OAAO;;;;iBA8IO,gBAAgB,QAAQ,kBAAkB;;;UCvDzC;EACf,OAAO;;EAEP;;EAEA;IAAQ;IAAe;;EACvB;;;;iBAKc,iBAAiB,OAAO,WAAmB,KAAK,aAAa,sCAAmB,IAAA;;;;;;;KCxHpF;EACV;EACA;;;EAGA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;;;;;;;iBAuDc,YACd,KACA,QACA,aACA,QACA;EAEA,MAAM;EACN,QAAQ;EACR,cAAc;EACd,SAAS;EACT;oBACD,IAAA;;;UC9EgB;EACf;EACA;EACA;;EAEA;EACA;;;EAGA;;EAEA;;UAGe;EACf;IAAa;IAAY;;EACzB;IAAO;IAAY;IAAc;;;EAEjC;;EAEA,MAAM;;;;EAIN;IAAS;IAAc;IAAiB;;;EAExC;IAAQ;IAAc;IAAe;;;UAGtB;EACf,MAAM;EACN;EACA,OAAO;;;;;;;;iBASO,mBAAmB;;;;;;;;iBC/CnB,eACd,SACA,MACA;EAEA,SAAS,MAAM;EACf;EACA,UAAU,MAAM;IACjB,MAAA,IAAA;;;;;iBCNe,SACd,MACA,OACA;EAEA,OAAO;EACP,QAAQ;EACR;oBACD,IAAA;;;;;;iBAqBe,aACd,gBACA,WACA,UACA;EAEA;EACA;EACA;EACA;oBACD,IAAA;;;;;;;iBAmDe,mCAAe,IAAA;;;;;;iBA+Bf,iBAAiB;EAAc;oBAAmB,IAAA;;;UCrHjD;EACf;EACA;EACA;;UAGe;EACf;EACA,QAAQ;;UAGO;EACf;EACA,OAAO;;UAGQ;EACf,SAAS;EACT;EACA,OAAO;;EAEP;;;;;;;iBAQc,oBAAoB;;;;;iBAyCd,sBACpB,SAAS,YACT,mBACA,mBACC,QAAQ;;;;;;iBCpFK,gBAAgB,MAAM;EAAa;EAAc;oBAAkB,IAAA"}
+{"version":3,"file":"shell.d.cts","names":[],"sources":["../src/shell/AnswerChart.tsx","../src/shell/AskDock.tsx","../src/shell/logoUrl.ts","../src/shell/marks.tsx","../src/shell/OxyShell.tsx","../src/shell/trace.ts","../src/shell/ReasoningTrace.tsx","../src/shell/ShellRail.tsx","../src/shell/shellContext.ts","../src/shell/Tooltip.tsx","../src/shell/TopBar.tsx","../src/shell/threadHistory.ts","../src/shell/WorkspaceTile.tsx"],"mappings":";;;;;UAYiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAGe;EACf,QAAQ;EACR;EACA;;UA8ce;EACf,OAAO;EACP;;;;;iBAMc,cAAc,OAAO,aAAa,mBAAgB,MAAA,IAAA;;;UCzUjD;;EAEf;;EAEA;;EAEA;;EAEA;EACA;EACA;EACA;;;;;;iBAuEc,UACd,SACA,eACA,aACA,aACA,MACA,SACA,aACC,eAAY,MAAA,IAAA;;;;;;;;cC7PF,mBAAgB,oBAAsB,qBAAqB;;;;cCA3D;;;iBAKG,UAAU;EAAe;oBAAoB,IAAA;;;;;;iBAyB7C,oBAAoB;EAAe;oBAAoB,IAAA;;;UC+BtD;EACf,UAAU;;EAEV;;;;;EAKA,aAAa;;;EAGb,cAAc;;;EAGd,aAAa;;EAEb;;;EAGA;;;;;;;;EAQA;EACA;;;;;EAKA;;;;EAIA;;;;;;iBAsDc,WACd,UACA,WACA,YACA,aACA,YACA,YACA,WACA,gBACA,WACA,kBACA,oBACC,gCAAa,IAAA;;;KC9JJ;UAEK;EACf;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;EACA;;UAGe;EACf;EACA;EACA;EACA,QAAQ;EACR,OAAO;;;;iBA8IO,gBAAgB,QAAQ,kBAAkB;;;UCvDzC;EACf,OAAO;;EAEP;;EAEA;IAAQ;IAAe;;EACvB;;;;iBAKc,iBAAiB,OAAO,WAAmB,KAAK,aAAa,sCAAmB,IAAA;;;;;;;KCxHpF;EACV;EACA;;;EAGA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;;;;;;;iBAuDc,YACd,KACA,QACA,aACA,QACA;EAEA,MAAM;EACN,QAAQ;EACR,cAAc;EACd,SAAS;EACT;oBACD,IAAA;;;UC9EgB;EACf;EACA;EACA;;EAEA;EACA;;;EAGA;;EAEA;;UAGe;EACf;IAAa;IAAY;;EACzB;IAAO;IAAY;IAAc;;;EAEjC;;EAEA,MAAM;;;;EAIN;IAAS;IAAc;IAAiB;;;EAExC;IAAQ;IAAc;IAAe;;;UAGtB;EACf,MAAM;EACN;EACA,OAAO;;;;;;;;iBASO,mBAAmB;;;;;;;;iBC/CnB,eACd,SACA,MACA;EAEA,SAAS,MAAM;EACf;EACA,UAAU,MAAM;IACjB,MAAA,IAAA;;;;;iBCNe,SACd,MACA,OACA;EAEA,OAAO;EACP,QAAQ;EACR;oBACD,IAAA;;;;;;iBAqBe,aACd,gBACA,WACA,UACA;EAEA;EACA;EACA;EACA;oBACD,IAAA;;;;;;;iBAmDe,mCAAe,IAAA;;;;;;iBA+Bf,iBAAiB;EAAc;oBAAmB,IAAA;;;UCrHjD;EACf;EACA;EACA;;UAGe;EACf;EACA,QAAQ;;UAGO;EACf;EACA,OAAO;;UAGQ;EACf,SAAS;EACT;EACA,OAAO;;EAEP;;;;;;;iBAQc,oBAAoB;;;;;iBAyCd,sBACpB,SAAS,YACT,mBACA,mBACC,QAAQ;;;;;;iBCpFK,gBAAgB,MAAM;EAAa;EAAc;oBAAkB,IAAA"}

package/dist/shell.d.mts

@@ -1,5 +1,5 @@
 
-import { a as AppFetcher, n as AgentRunEvent } from "./react-BLsczFL4.mjs";
+import { a as AppFetcher, n as AgentRunEvent } from "./react-BnpR8VRJ.mjs";
 import * as React from "react";
 import { ReactNode } from "react";
 //#region src/shell/AnswerChart.d.ts
@@ -86,8 +86,8 @@ interface OxyShellProps {
   /** Extra right-side top bar content, rendered after the status cluster
    *  (Sys · clock) and before the Ask Oxygen button. */
   topBarExtra?: ReactNode;
-  /** Rail bottom slot content, rendered above the built-in Settings
-   *  entry (the account cluster in the main web-app). */
+  /** Rail bottom slot content. The shell adds no built-in entries here —
+   *  a bundle that wants a Settings link supplies its own. */
   railBottom?: ReactNode;
   /** Drop the top bar and keep only the rail. */
   hideTopBar?: boolean;
@@ -103,12 +103,21 @@ interface OxyShellProps {
    *  URLs. Leave unset in production. */
   productBaseUrl?: string;
   className?: string;
+  /** Background of the shell chrome — the icon rail, the top bar, and the
+   *  AskDock (they share one token). Any CSS color, including `var(--…)` to
+   *  track a host token (e.g. `var(--background)` to match the app's canvas).
+   *  Overrides the theme's default; leave unset to keep it. */
+  chromeBackground?: string;
+  /** Text/icon color on the chrome, paired with `chromeBackground` for
+   *  contrast when using a background outside the current light/dark family.
+   *  Unset keeps the theme's foreground. */
+  chromeForeground?: string;
 }
 /**
  * The workspace chrome around a customer app: icon rail + universal top bar
  * + content column — visually identical to the main web-app shell.
  */
-declare function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey, productBaseUrl, className }: OxyShellProps): import("react").JSX.Element;
+declare function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey, productBaseUrl, className, chromeBackground, chromeForeground }: OxyShellProps): import("react").JSX.Element;
 //#endregion
 //#region src/shell/trace.d.ts
 type TraceStepStatus = "running" | "done" | "failed" | "suspended";

package/dist/shell.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.mts","names":[],"sources":["../src/shell/AnswerChart.tsx","../src/shell/AskDock.tsx","../src/shell/logoUrl.ts","../src/shell/marks.tsx","../src/shell/OxyShell.tsx","../src/shell/trace.ts","../src/shell/ReasoningTrace.tsx","../src/shell/ShellRail.tsx","../src/shell/shellContext.ts","../src/shell/Tooltip.tsx","../src/shell/TopBar.tsx","../src/shell/threadHistory.ts","../src/shell/WorkspaceTile.tsx"],"mappings":";;;;;UAYiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAGe;EACf,QAAQ;EACR;EACA;;UA8ce;EACf,OAAO;EACP;;;;;iBAMc,cAAc,OAAO,aAAa,mBAAgB,MAAA,IAAA;;;UC/WjD;;EAEf;;EAEA;;EAEA;;EAEA;EACA;EACA;EACA;;;;;;iBA6Cc,UACd,SACA,eACA,aACA,aACA,MACA,SACA,aACC,eAAY,MAAA,IAAA;;;;;;;;cC7LF,mBAAgB,oBAAsB,qBAAqB;;;;cCA3D;;;iBAKG,UAAU;EAAe;oBAAoB,IAAA;;;;;;iBAyB7C,oBAAoB;EAAe;oBAAoB,IAAA;;;UCoDtD;EACf,UAAU;;EAEV;;;;;EAKA,aAAa;;;EAGb,cAAc;;;EAGd,aAAa;;EAEb;;;EAGA;;;;;;;;EAQA;EACA;;;;;;iBAsDc,WACd,UACA,WACA,YACA,aACA,YACA,YACA,WACA,gBACA,aACC,gCAAa,IAAA;;;KCxKJ;UAEK;EACf;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;EACA;;UAGe;EACf;EACA;EACA;EACA,QAAQ;EACR,OAAO;;;;iBA8IO,gBAAgB,QAAQ,kBAAkB;;;UCvDzC;EACf,OAAO;;EAEP;;EAEA;IAAQ;IAAe;;EACvB;;;;iBAKc,iBAAiB,OAAO,WAAmB,KAAK,aAAa,sCAAmB,IAAA;;;;;;;KCxHpF;EACV;EACA;;;EAGA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;;;;;;;iBAuDc,YACd,KACA,QACA,aACA,QACA;EAEA,MAAM;EACN,QAAQ;EACR,cAAc;EACd,SAAS;EACT;oBACD,IAAA;;;UC9EgB;EACf;EACA;EACA;;EAEA;EACA;;;EAGA;;EAEA;;UAGe;EACf;IAAa;IAAY;;EACzB;IAAO;IAAY;IAAc;;;EAEjC;;EAEA,MAAM;;;;EAIN;IAAS;IAAc;IAAiB;;;EAExC;IAAQ;IAAc;IAAe;;;UAGtB;EACf,MAAM;EACN;EACA,OAAO;;;;;;;;iBASO,mBAAmB;;;;;;;;iBC/CnB,eACd,SACA,MACA;EAEA,SAAS,MAAM;EACf;EACA,UAAU,MAAM;IACjB,MAAA,IAAA;;;;;iBCNe,SACd,MACA,OACA;EAEA,OAAO;EACP,QAAQ;EACR;oBACD,IAAA;;;;;;iBAqBe,aACd,gBACA,WACA,UACA;EAEA;EACA;EACA;EACA;oBACD,IAAA;;;;;;;iBAmDe,mCAAe,IAAA;;;;;;iBA+Bf,iBAAiB;EAAc;oBAAmB,IAAA;;;UCrHjD;EACf;EACA;EACA;;UAGe;EACf;EACA,QAAQ;;UAGO;EACf;EACA,OAAO;;UAGQ;EACf,SAAS;EACT;EACA,OAAO;;EAEP;;;;;;;iBAQc,oBAAoB;;;;;iBAyCd,sBACpB,SAAS,YACT,mBACA,mBACC,QAAQ;;;;;;iBCpFK,gBAAgB,MAAM;EAAa;EAAc;oBAAkB,IAAA"}
+{"version":3,"file":"shell.d.mts","names":[],"sources":["../src/shell/AnswerChart.tsx","../src/shell/AskDock.tsx","../src/shell/logoUrl.ts","../src/shell/marks.tsx","../src/shell/OxyShell.tsx","../src/shell/trace.ts","../src/shell/ReasoningTrace.tsx","../src/shell/ShellRail.tsx","../src/shell/shellContext.ts","../src/shell/Tooltip.tsx","../src/shell/TopBar.tsx","../src/shell/threadHistory.ts","../src/shell/WorkspaceTile.tsx"],"mappings":";;;;;UAYiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAGe;EACf,QAAQ;EACR;EACA;;UA8ce;EACf,OAAO;EACP;;;;;iBAMc,cAAc,OAAO,aAAa,mBAAgB,MAAA,IAAA;;;UCzUjD;;EAEf;;EAEA;;EAEA;;EAEA;EACA;EACA;EACA;;;;;;iBAuEc,UACd,SACA,eACA,aACA,aACA,MACA,SACA,aACC,eAAY,MAAA,IAAA;;;;;;;;cC7PF,mBAAgB,oBAAsB,qBAAqB;;;;cCA3D;;;iBAKG,UAAU;EAAe;oBAAoB,IAAA;;;;;;iBAyB7C,oBAAoB;EAAe;oBAAoB,IAAA;;;UC+BtD;EACf,UAAU;;EAEV;;;;;EAKA,aAAa;;;EAGb,cAAc;;;EAGd,aAAa;;EAEb;;;EAGA;;;;;;;;EAQA;EACA;;;;;EAKA;;;;EAIA;;;;;;iBAsDc,WACd,UACA,WACA,YACA,aACA,YACA,YACA,WACA,gBACA,WACA,kBACA,oBACC,gCAAa,IAAA;;;KC9JJ;UAEK;EACf;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;EACA;;UAGe;EACf;EACA;EACA;EACA,QAAQ;EACR,OAAO;;;;iBA8IO,gBAAgB,QAAQ,kBAAkB;;;UCvDzC;EACf,OAAO;;EAEP;;EAEA;IAAQ;IAAe;;EACvB;;;;iBAKc,iBAAiB,OAAO,WAAmB,KAAK,aAAa,sCAAmB,IAAA;;;;;;;KCxHpF;EACV;EACA;;;EAGA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;;;;;;;iBAuDc,YACd,KACA,QACA,aACA,QACA;EAEA,MAAM;EACN,QAAQ;EACR,cAAc;EACd,SAAS;EACT;oBACD,IAAA;;;UC9EgB;EACf;EACA;EACA;;EAEA;EACA;;;EAGA;;EAEA;;UAGe;EACf;IAAa;IAAY;;EACzB;IAAO;IAAY;IAAc;;;EAEjC;;EAEA,MAAM;;;;EAIN;IAAS;IAAc;IAAiB;;;EAExC;IAAQ;IAAc;IAAe;;;UAGtB;EACf,MAAM;EACN;EACA,OAAO;;;;;;;;iBASO,mBAAmB;;;;;;;;iBC/CnB,eACd,SACA,MACA;EAEA,SAAS,MAAM;EACf;EACA,UAAU,MAAM;IACjB,MAAA,IAAA;;;;;iBCNe,SACd,MACA,OACA;EAEA,OAAO;EACP,QAAQ;EACR;oBACD,IAAA;;;;;;iBAqBe,aACd,gBACA,WACA,UACA;EAEA;EACA;EACA;EACA;oBACD,IAAA;;;;;;;iBAmDe,mCAAe,IAAA;;;;;;iBA+Bf,iBAAiB;EAAc;oBAAmB,IAAA;;;UCrHjD;EACf;EACA;EACA;;UAGe;EACf;EACA,QAAQ;;UAGO;EACf;EACA,OAAO;;UAGQ;EACf,SAAS;EACT;EACA,OAAO;;EAEP;;;;;;;iBAQc,oBAAoB;;;;;iBAyCd,sBACpB,SAAS,YACT,mBACA,mBACC,QAAQ;;;;;;iBCpFK,gBAAgB,MAAM;EAAa;EAAc;oBAAkB,IAAA"}

package/dist/shell.mjs

@@ -1,5 +1,5 @@
 // @oxy/sdk - TypeScript SDK for Oxy data platform
-import { i as useAgentRun, l as useResolvedManifest, o as useOxyApp, t as OxyAnswer, v as getOxyAppLogger } from "./react-DArzs6_l.mjs";
+import { i as useAgentRun, l as useResolvedManifest, o as useOxyApp, t as OxyAnswer, v as getOxyAppLogger } from "./react-CVdWXcu8.mjs";
 import * as React from "react";
 import { Fragment, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1187,6 +1187,38 @@ function HistoryIcon() {
 		]
 	});
 }
+function SearchIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })]
+	});
+}
+function ThreadIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "15",
+		height: "15",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("path", { d: "M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z" }), /* @__PURE__ */ jsx("path", { d: "M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1" })]
+	});
+}
 function ExternalIcon() {
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "14",
@@ -1238,6 +1270,26 @@ function StopIcon() {
 function chartsFrom(events) {
 	return events.filter((ev) => ev.type === "chart_rendered").map((ev) => ev.data).filter((b) => b?.config && Array.isArray(b.columns) && Array.isArray(b.rows));
 }
+/** History label: a relative "N minutes/hours/days ago" for when the
+*  conversation was started. */
+function formatHistoryTime(iso) {
+	const d = new Date(iso);
+	if (Number.isNaN(d.getTime())) return "";
+	const s = Math.max(0, Math.round((Date.now() - d.getTime()) / 1e3));
+	if (s < 45) return "just now";
+	const min = Math.round(s / 60);
+	if (min < 60) return `${min} minute${min === 1 ? "" : "s"} ago`;
+	const hr = Math.round(s / 3600);
+	if (hr < 24) return `${hr} hour${hr === 1 ? "" : "s"} ago`;
+	const day = Math.round(s / 86400);
+	if (day < 30) return `${day} day${day === 1 ? "" : "s"} ago`;
+	const mo = Math.round(day / 30);
+	if (mo < 12) return `${mo} month${mo === 1 ? "" : "s"} ago`;
+	const yr = Math.round(day / 365);
+	return `${yr} year${yr === 1 ? "" : "s"} ago`;
+}
+/** How many history rows to show before the "Show more" button. */
+const HISTORY_PAGE_SIZE = 12;
 /** Rebuild a completed turn from a transcript turn's processed events —
 *  identical to what the live dock accumulates during a run. */
 function turnFromEvents(question, events) {
@@ -1263,9 +1315,12 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 	const [threadId, setThreadId] = React.useState(null);
 	const [history, setHistory] = React.useState([]);
 	const [historyOpen, setHistoryOpen] = React.useState(false);
+	const [historyQuery, setHistoryQuery] = React.useState("");
+	const [historyShown, setHistoryShown] = React.useState(HISTORY_PAGE_SIZE);
 	const [restoring, setRestoring] = React.useState(false);
 	const scrollRef = React.useRef(null);
 	const restoreGenRef = React.useRef(0);
+	const startedAtRef = React.useRef(null);
 	const busy = run.state === "running";
 	const liveSteps = React.useMemo(() => buildTraceSteps(run.events), [run.events]);
 	const liveLlm = React.useMemo(() => aggregateLlmStats(run.events), [run.events]);
@@ -1289,7 +1344,8 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 			id: threadId ?? all[0].question,
 			title: all[0].question,
 			turns: all,
-			threadId
+			threadId,
+			createdAt: startedAtRef.current ?? (/* @__PURE__ */ new Date()).toISOString()
 		};
 	};
 	const resetToEmpty = () => {
@@ -1299,6 +1355,7 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 		setPending(null);
 		setDraft("");
 		setThreadId(null);
+		startedAtRef.current = null;
 	};
 	const newChat = () => {
 		const snap = snapshotCurrent();
@@ -1332,6 +1389,7 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 		setPending(null);
 		setDraft("");
 		setThreadId(id);
+		startedAtRef.current = serverThreads.find((t) => t.id === id)?.created_at ?? (/* @__PURE__ */ new Date()).toISOString();
 		setHistoryOpen(false);
 		setRestoring(true);
 		try {
@@ -1346,6 +1404,7 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 		const question = raw.trim();
 		if (!question || busy) return;
 		restoreGenRef.current += 1;
+		if (startedAtRef.current === null) startedAtRef.current = (/* @__PURE__ */ new Date()).toISOString();
 		if (pending !== null) {
 			const finalized = finalizedPendingTurn();
 			if (finalized) setTurns((t) => [...t, finalized]);
@@ -1361,16 +1420,31 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 	});
 	const empty = pending === null && turns.length === 0;
 	const canNewChat = !empty;
-	const historyEntries = [...history.filter((c) => c.id !== threadId).map((c) => ({
+	const currentId = threadId ?? turns[0]?.question ?? pending ?? null;
+	const historyEntries = [...history.map((c) => ({
 		id: c.id,
 		title: c.title,
-		meta: `${c.turns.length} message${c.turns.length === 1 ? "" : "s"}`,
-		onOpen: () => openConversation(c)
-	})), ...serverThreads.filter((t) => t.id !== threadId && !history.some((c) => c.id === t.id)).map((t) => ({
+		createdAt: c.createdAt,
+		active: c.id === currentId,
+		onOpen: c.id === currentId ? () => setHistoryOpen(false) : () => openConversation(c)
+	})), ...serverThreads.filter((t) => !history.some((c) => c.id === t.id)).map((t) => ({
 		id: t.id,
 		title: t.title,
-		onOpen: () => void openServerThread(t.id)
+		createdAt: t.created_at,
+		active: t.id === currentId,
+		onOpen: t.id === currentId ? () => setHistoryOpen(false) : () => void openServerThread(t.id)
 	}))];
+	if (!empty && currentId != null && !historyEntries.some((e) => e.id === currentId)) historyEntries.push({
+		id: currentId,
+		title: turns[0]?.question ?? pending ?? currentId,
+		createdAt: startedAtRef.current ?? (/* @__PURE__ */ new Date()).toISOString(),
+		active: true,
+		onOpen: () => setHistoryOpen(false)
+	});
+	historyEntries.sort((a, b) => b.createdAt.localeCompare(a.createdAt));
+	const q = historyQuery.trim().toLowerCase();
+	const filteredEntries = q ? historyEntries.filter((e) => e.title.toLowerCase().includes(q)) : historyEntries;
+	const visibleEntries = filteredEntries.slice(0, historyShown);
 	const placeholder = run.state === "needs_clarification" ? "Reply…" : pending !== null ? "Ask a follow-up…" : `Ask Oxygen anything about ${workspaceName ?? "your workspace"}…`;
 	return /* @__PURE__ */ jsxs("aside", {
 		className: cx("oxy-shell-scope oxy-askdock", !open && "oxy-askdock--closed", className),
@@ -1403,7 +1477,11 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 							onClick: () => {
 								const next = !historyOpen;
 								setHistoryOpen(next);
-								if (next) refetchHistory();
+								if (next) {
+									refetchHistory();
+									setHistoryQuery("");
+									setHistoryShown(HISTORY_PAGE_SIZE);
+								}
 							},
 							"data-testid": "askdock-history",
 							"aria-label": "Chat history",
@@ -1428,24 +1506,51 @@ function AskDock({ agentId, workspaceName, suggestions = [], threadsHref, open,
 					]
 				})
 			]
-		}), historyOpen ? /* @__PURE__ */ jsx("div", {
+		}), historyOpen ? /* @__PURE__ */ jsxs("div", {
 			className: "oxy-askdock__history",
 			"data-testid": "askdock-history-panel",
-			children: historyEntries.length === 0 ? /* @__PURE__ */ jsx("p", {
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "oxy-askdock__history-search",
+				children: [/* @__PURE__ */ jsx(SearchIcon, {}), /* @__PURE__ */ jsx("input", {
+					type: "text",
+					className: "oxy-askdock__history-searchinput",
+					placeholder: "Search threads…",
+					value: historyQuery,
+					onChange: (e) => {
+						setHistoryQuery(e.target.value);
+						setHistoryShown(HISTORY_PAGE_SIZE);
+					},
+					"aria-label": "Search threads"
+				})]
+			}), visibleEntries.length === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "oxy-askdock__history-empty",
-				children: "No previous chats yet."
-			}) : historyEntries.map((entry) => /* @__PURE__ */ jsxs("button", {
+				children: historyQuery ? "No matching chats." : "No previous chats yet."
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [visibleEntries.map((entry) => /* @__PURE__ */ jsxs("button", {
 				type: "button",
-				className: "oxy-askdock__history-item",
+				className: cx("oxy-askdock__history-item", entry.active && "oxy-askdock__history-item--active"),
 				onClick: entry.onOpen,
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "oxy-askdock__history-title",
-					children: entry.title
-				}), entry.meta && /* @__PURE__ */ jsx("span", {
-					className: "oxy-askdock__history-meta",
-					children: entry.meta
-				})]
-			}, entry.id))
+				title: entry.title,
+				"aria-current": entry.active ? "true" : void 0,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "oxy-askdock__history-icon",
+						children: /* @__PURE__ */ jsx(ThreadIcon, {})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "oxy-askdock__history-title",
+						children: entry.title
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "oxy-askdock__history-time",
+						children: formatHistoryTime(entry.createdAt)
+					})
+				]
+			}, entry.id)), filteredEntries.length > visibleEntries.length && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "oxy-askdock__history-more",
+				onClick: () => setHistoryShown((n) => n + HISTORY_PAGE_SIZE),
+				children: "Show more"
+			})] })]
 		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "oxy-askdock__scroll",
 			ref: scrollRef,
@@ -1905,25 +2010,6 @@ function MessagesIcon() {
 		children: [/* @__PURE__ */ jsx("path", { d: "M16 10a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }), /* @__PURE__ */ jsx("path", { d: "M20 9a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1" })]
 	});
 }
-/** Settings glyph (lucide "settings" outline, inlined). */
-function GearIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }), /* @__PURE__ */ jsx("circle", {
-			cx: "12",
-			cy: "12",
-			r: "3"
-		})]
-	});
-}
 /** Rewrite a shell-context relative product path to an absolute URL against
 *  the oxy origin, when one is configured. `/api/*` paths are left relative
 *  — they ride the host's same-origin fetch / dev proxy (which attaches
@@ -1966,8 +2052,15 @@ function buildRailGroups(data, currentAppSlug, abs) {
 * The workspace chrome around a customer app: icon rail + universal top bar
 * + content column — visually identical to the main web-app shell.
 */
-function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey = true, productBaseUrl, className }) {
+function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hideTopBar, askHotkey = true, productBaseUrl, className, chromeBackground, chromeForeground }) {
 	const abs = makeAbs(productBaseUrl);
+	const chromeStyle = {
+		...chromeBackground ? { "--sidebar-background": chromeBackground } : {},
+		...chromeForeground ? {
+			"--foreground": chromeForeground,
+			"--muted-foreground": `color-mix(in srgb, ${chromeForeground} 65%, transparent)`
+		} : {}
+	};
 	const { appSlug } = useOxyApp();
 	const { manifest } = useResolvedManifest();
 	const { data, loading } = useShellContext();
@@ -1990,22 +2083,13 @@ function OxyShell({ children, pageLabel, topBarLeft, topBarExtra, railBottom, hi
 		window.addEventListener("keydown", onKey);
 		return () => window.removeEventListener("keydown", onKey);
 	}, [askAgent, askHotkey]);
-	const settingsEntry = data?.links.settings ? /* @__PURE__ */ jsx(ShellTooltip, {
-		content: "Settings",
-		children: /* @__PURE__ */ jsx("a", {
-			href: abs(data.links.settings),
-			"aria-label": "Settings",
-			"data-testid": "rail-settings",
-			className: "oxy-rail__item",
-			children: /* @__PURE__ */ jsx(GearIcon, {})
-		})
-	}) : null;
-	const bottom = railBottom || settingsEntry ? /* @__PURE__ */ jsxs(Fragment$1, { children: [railBottom, settingsEntry] }) : void 0;
+	const bottom = railBottom;
 	return /* @__PURE__ */ jsx(ShellPortalContext.Provider, {
 		value: container,
 		children: /* @__PURE__ */ jsxs("div", {
 			ref: setContainer,
 			className: cx("oxy-shell-scope oxy-shell", degraded && "oxy-shell--degraded", className),
+			style: chromeStyle,
 			children: [
 				!degraded && /* @__PURE__ */ jsx(ShellRail, {
 					top: data ? /* @__PURE__ */ jsx(WorkspaceTile, {