@openhands/agent-canvas 1.8.0 → 1.10.0

package/dist/components/features/diff-viewer/loading-spinner.d.ts

@@ -1,4 +1,4 @@
 export interface LoadingSpinnerProps {
     className?: string;
 }
-export declare function LoadingSpinner({ className }: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingSpinner({ className }: LoadingSpinnerProps): import("react").JSX.Element;

package/dist/components/features/files/file-item.d.ts

@@ -2,5 +2,5 @@ interface FileItemProps {
     filename: string;
     onRemove?: () => void;
 }
-export declare function FileItem({ filename, onRemove }: FileItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileItem({ filename, onRemove }: FileItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/files/file-list.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 interface FileListProps {
     files: string[];
     onRemove?: (index: number) => void;
 }
-export declare function FileList({ files, onRemove }: FileListProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileList({ files, onRemove }: FileListProps): React.JSX.Element;
 export {};

package/dist/components/features/files-tab/file-content-viewer.d.ts

@@ -10,5 +10,5 @@ interface FileContentViewerProps {
  * load naturally. In `plain` mode we always show the raw bytes as text (or
  * a fallback message for binaries).
  */
-export declare function FileContentViewer({ path, viewMode }: FileContentViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileContentViewer({ path, viewMode }: FileContentViewerProps): import("react").JSX.Element;
 export {};

package/dist/components/features/files-tab/file-quick-row.d.ts

@@ -14,5 +14,5 @@ interface FileQuickRowProps {
  * tree on the left — there is no overflow dropdown, so anything that doesn't fit
  * here is reachable by opening the tree.
  */
-export declare function FileQuickRow({ paths, selectedPath, onSelectFile, isTreeVisible, onToggleTree, }: FileQuickRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileQuickRow({ paths, selectedPath, onSelectFile, isTreeVisible, onToggleTree, }: FileQuickRowProps): import("react").JSX.Element;
 export {};

package/dist/components/features/files-tab/file-tree-view.d.ts

@@ -3,5 +3,5 @@ interface FileTreeViewProps {
     selectedPath: string | null;
     onSelectFile: (path: string) => void;
 }
-export declare function FileTreeView({ paths, selectedPath, onSelectFile, }: FileTreeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileTreeView({ paths, selectedPath, onSelectFile, }: FileTreeViewProps): import("react").JSX.Element;
 export {};

package/dist/components/features/files-tab/highlighted-source-view.d.ts

@@ -17,5 +17,5 @@ interface HighlightedSourceViewProps {
  * right-pane background so the highlighted block reads as part of the
  * surrounding chrome instead of a floating card.
  */
-export declare function HighlightedSourceView({ path, text, mimeType, }: HighlightedSourceViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HighlightedSourceView({ path, text, mimeType, }: HighlightedSourceViewProps): import("react").JSX.Element;
 export {};

package/dist/components/features/files-tab/no-file-selected-message.d.ts

@@ -1 +1 @@
-export declare function NoFileSelectedMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function NoFileSelectedMessage(): import("react").JSX.Element;

package/dist/components/features/files-tab/segmented-toggle.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs");let t=require("react/jsx-runtime");function n({value:n,options:r,onChange:i,ariaLabel:a,testId:o}){return(0,t.jsx)(`div`,{role:`radiogroup`,"aria-label":a,"data-testid":o,className:`inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs`,children:r.map(r=>{let a=r.value===n;return(0,t.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":a,"data-testid":o?`${o}-option-${r.value}`:void 0,onClick:()=>i(r.value),className:e.cn(`px-2 py-0.5 rounded cursor-pointer transition-colors`,a?`bg-[var(--oh-interactive-hover)] text-white`:`text-[var(--oh-muted)] hover:text-white`),children:r.label},r.value)})})}exports.SegmentedToggle=n;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs");let t=require("react/jsx-runtime");function n({value:n,options:r,onChange:i,ariaLabel:a,testId:o}){return(0,t.jsx)(`div`,{role:`radiogroup`,"aria-label":a,"data-testid":o,className:`inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs`,children:r.map(r=>{let a=r.value===n;return(0,t.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":a,"data-testid":o?`${o}-option-${r.value}`:void 0,onClick:()=>i(r.value),className:e.cn(`inline-flex items-center gap-1.5 px-2.5 py-1 rounded cursor-pointer transition-colors`,a?`bg-[var(--oh-interactive-hover)] text-white`:`text-[var(--oh-muted)] hover:text-white`),children:[r.icon?(0,t.jsx)(`span`,{className:`inline-flex size-3.5 shrink-0 items-center justify-center [&_svg]:size-3.5`,children:r.icon}):null,r.label]},r.value)})})}exports.SegmentedToggle=n;
 //# sourceMappingURL=segmented-toggle.cjs.map

package/dist/components/features/files-tab/segmented-toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-toggle.cjs","names":[],"sources":["../../../../src/components/features/files-tab/segmented-toggle.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\ninterface SegmentedToggleOption<T extends string> {\n  value: T;\n  label: string;\n}\n\ninterface SegmentedToggleProps<T extends string> {\n  value: T;\n  options: SegmentedToggleOption<T>[];\n  onChange: (value: T) => void;\n  ariaLabel: string;\n  testId?: string;\n}\n\n/**\n * Lightweight 2-state segmented control used for the files-tab toggles\n * (\"Diff view\" on/off, \"Rich\"/\"Plain\"). Kept local because the existing\n * shared switch components are heavier than what we need here.\n */\nexport function SegmentedToggle<T extends string>({\n  value,\n  options,\n  onChange,\n  ariaLabel,\n  testId,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      data-testid={testId}\n      className=\"inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs\"\n    >\n      {options.map((option) => {\n        const isActive = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            data-testid={\n              testId ? `${testId}-option-${option.value}` : undefined\n            }\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"px-2 py-0.5 rounded cursor-pointer transition-colors\",\n              isActive\n                ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                : \"text-[var(--oh-muted)] hover:text-white\",\n            )}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"kIAoBA,SAAgB,EAAkC,CAChD,QACA,UACA,WACA,YACA,UAC0B,CAC1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,aACL,aAAY,EACZ,cAAa,EACb,UAAU,2FAET,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,EAAO,QAAU,EAClC,OACE,EAAA,EAAA,KAAC,SAAD,CAEE,KAAK,SACL,KAAK,QACL,eAAc,EACd,cACE,EAAS,GAAG,EAAO,UAAU,EAAO,QAAU,IAAA,GAEhD,YAAe,EAAS,EAAO,KAAK,EACpC,UAAW,EAAA,GACT,uDACA,EACI,8CACA,yCACN,WAEC,EAAO,KACF,EAhBD,EAAO,KAgBN,CAEZ,CAAC,CACE,CAAA,CAET"}
+{"version":3,"file":"segmented-toggle.cjs","names":[],"sources":["../../../../src/components/features/files-tab/segmented-toggle.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SegmentedToggleOption<T extends string> {\n  value: T;\n  label: string;\n  icon?: ReactNode;\n}\n\ninterface SegmentedToggleProps<T extends string> {\n  value: T;\n  options: SegmentedToggleOption<T>[];\n  onChange: (value: T) => void;\n  ariaLabel: string;\n  testId?: string;\n}\n\n/**\n * Lightweight 2-state segmented control used for the files-tab toggles\n * (\"Diff view\" on/off, \"Rich\"/\"Plain\"). Kept local because the existing\n * shared switch components are heavier than what we need here.\n */\nexport function SegmentedToggle<T extends string>({\n  value,\n  options,\n  onChange,\n  ariaLabel,\n  testId,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      data-testid={testId}\n      className=\"inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs\"\n    >\n      {options.map((option) => {\n        const isActive = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            data-testid={\n              testId ? `${testId}-option-${option.value}` : undefined\n            }\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded cursor-pointer transition-colors\",\n              isActive\n                ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                : \"text-[var(--oh-muted)] hover:text-white\",\n            )}\n          >\n            {option.icon ? (\n              <span className=\"inline-flex size-3.5 shrink-0 items-center justify-center [&_svg]:size-3.5\">\n                {option.icon}\n              </span>\n            ) : null}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"kIAsBA,SAAgB,EAAkC,CAChD,QACA,UACA,WACA,YACA,UAC0B,CAC1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,aACL,aAAY,EACZ,cAAa,EACb,UAAU,2FAET,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,EAAO,QAAU,EAClC,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,QACL,eAAc,EACd,cACE,EAAS,GAAG,EAAO,UAAU,EAAO,QAAU,IAAA,GAEhD,YAAe,EAAS,EAAO,KAAK,EACpC,UAAW,EAAA,GACT,wFACA,EACI,8CACA,yCACN,WAdF,CAgBG,EAAO,MACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,EAAO,IACJ,CAAA,EACJ,KACH,EAAO,KACF,GArBD,EAAO,KAqBN,CAEZ,CAAC,CACE,CAAA,CAET"}

package/dist/components/features/files-tab/segmented-toggle.d.ts

@@ -1,6 +1,8 @@
+import type { ReactNode } from "react";
 interface SegmentedToggleOption<T extends string> {
     value: T;
     label: string;
+    icon?: ReactNode;
 }
 interface SegmentedToggleProps<T extends string> {
     value: T;
@@ -14,5 +16,5 @@ interface SegmentedToggleProps<T extends string> {
  * ("Diff view" on/off, "Rich"/"Plain"). Kept local because the existing
  * shared switch components are heavier than what we need here.
  */
-export declare function SegmentedToggle<T extends string>({ value, options, onChange, ariaLabel, testId, }: SegmentedToggleProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedToggle<T extends string>({ value, options, onChange, ariaLabel, testId, }: SegmentedToggleProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/features/files-tab/segmented-toggle.js

@@ -1,27 +1,30 @@
 import { cn as e } from "../../../utils/utils.js";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/features/files-tab/segmented-toggle.tsx
-function n({ value: n, options: r, onChange: i, ariaLabel: a, testId: o }) {
+function r({ value: r, options: i, onChange: a, ariaLabel: o, testId: s }) {
 	return /* @__PURE__ */ t("div", {
 		role: "radiogroup",
-		"aria-label": a,
-		"data-testid": o,
+		"aria-label": o,
+		"data-testid": s,
 		className: "inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs",
-		children: r.map((r) => {
-			let a = r.value === n;
-			return /* @__PURE__ */ t("button", {
+		children: i.map((i) => {
+			let o = i.value === r;
+			return /* @__PURE__ */ n("button", {
 				type: "button",
 				role: "radio",
-				"aria-checked": a,
-				"data-testid": o ? `${o}-option-${r.value}` : void 0,
-				onClick: () => i(r.value),
-				className: e("px-2 py-0.5 rounded cursor-pointer transition-colors", a ? "bg-[var(--oh-interactive-hover)] text-white" : "text-[var(--oh-muted)] hover:text-white"),
-				children: r.label
-			}, r.value);
+				"aria-checked": o,
+				"data-testid": s ? `${s}-option-${i.value}` : void 0,
+				onClick: () => a(i.value),
+				className: e("inline-flex items-center gap-1.5 px-2.5 py-1 rounded cursor-pointer transition-colors", o ? "bg-[var(--oh-interactive-hover)] text-white" : "text-[var(--oh-muted)] hover:text-white"),
+				children: [i.icon ? /* @__PURE__ */ t("span", {
+					className: "inline-flex size-3.5 shrink-0 items-center justify-center [&_svg]:size-3.5",
+					children: i.icon
+				}) : null, i.label]
+			}, i.value);
 		})
 	});
 }
 //#endregion
-export { n as SegmentedToggle };
+export { r as SegmentedToggle };
 
 //# sourceMappingURL=segmented-toggle.js.map

package/dist/components/features/files-tab/segmented-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-toggle.js","names":[],"sources":["../../../../src/components/features/files-tab/segmented-toggle.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\ninterface SegmentedToggleOption<T extends string> {\n  value: T;\n  label: string;\n}\n\ninterface SegmentedToggleProps<T extends string> {\n  value: T;\n  options: SegmentedToggleOption<T>[];\n  onChange: (value: T) => void;\n  ariaLabel: string;\n  testId?: string;\n}\n\n/**\n * Lightweight 2-state segmented control used for the files-tab toggles\n * (\"Diff view\" on/off, \"Rich\"/\"Plain\"). Kept local because the existing\n * shared switch components are heavier than what we need here.\n */\nexport function SegmentedToggle<T extends string>({\n  value,\n  options,\n  onChange,\n  ariaLabel,\n  testId,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      data-testid={testId}\n      className=\"inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs\"\n    >\n      {options.map((option) => {\n        const isActive = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            data-testid={\n              testId ? `${testId}-option-${option.value}` : undefined\n            }\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"px-2 py-0.5 rounded cursor-pointer transition-colors\",\n              isActive\n                ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                : \"text-[var(--oh-muted)] hover:text-white\",\n            )}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAkC,EAChD,UACA,YACA,aACA,cACA,aAC0B;CAC1B,OACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,eAAa;EACb,WAAU;YAET,EAAQ,KAAK,MAAW;GACvB,IAAM,IAAW,EAAO,UAAU;GAClC,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,gBAAc;IACd,eACE,IAAS,GAAG,EAAO,UAAU,EAAO,UAAU,KAAA;IAEhD,eAAe,EAAS,EAAO,KAAK;IACpC,WAAW,EACT,wDACA,IACI,gDACA,yCACN;cAEC,EAAO;GACF,GAhBD,EAAO,KAgBN;EAEZ,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"segmented-toggle.js","names":[],"sources":["../../../../src/components/features/files-tab/segmented-toggle.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SegmentedToggleOption<T extends string> {\n  value: T;\n  label: string;\n  icon?: ReactNode;\n}\n\ninterface SegmentedToggleProps<T extends string> {\n  value: T;\n  options: SegmentedToggleOption<T>[];\n  onChange: (value: T) => void;\n  ariaLabel: string;\n  testId?: string;\n}\n\n/**\n * Lightweight 2-state segmented control used for the files-tab toggles\n * (\"Diff view\" on/off, \"Rich\"/\"Plain\"). Kept local because the existing\n * shared switch components are heavier than what we need here.\n */\nexport function SegmentedToggle<T extends string>({\n  value,\n  options,\n  onChange,\n  ariaLabel,\n  testId,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      data-testid={testId}\n      className=\"inline-flex items-center rounded-md bg-[var(--oh-surface-raised)] p-0.5 text-xs\"\n    >\n      {options.map((option) => {\n        const isActive = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            data-testid={\n              testId ? `${testId}-option-${option.value}` : undefined\n            }\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded cursor-pointer transition-colors\",\n              isActive\n                ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                : \"text-[var(--oh-muted)] hover:text-white\",\n            )}\n          >\n            {option.icon ? (\n              <span className=\"inline-flex size-3.5 shrink-0 items-center justify-center [&_svg]:size-3.5\">\n                {option.icon}\n              </span>\n            ) : null}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAsBA,SAAgB,EAAkC,EAChD,UACA,YACA,aACA,cACA,aAC0B;CAC1B,OACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,eAAa;EACb,WAAU;YAET,EAAQ,KAAK,MAAW;GACvB,IAAM,IAAW,EAAO,UAAU;GAClC,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,gBAAc;IACd,eACE,IAAS,GAAG,EAAO,UAAU,EAAO,UAAU,KAAA;IAEhD,eAAe,EAAS,EAAO,KAAK;IACpC,WAAW,EACT,yFACA,IACI,gDACA,yCACN;cAdF,CAgBG,EAAO,OACN,kBAAC,QAAD;KAAM,WAAU;eACb,EAAO;IACJ,CAAA,IACJ,MACH,EAAO,KACF;MArBD,EAAO,KAqBN;EAEZ,CAAC;CACE,CAAA;AAET"}

package/dist/components/features/files-tab/tree-node.d.ts

@@ -5,5 +5,5 @@ interface TreeNodeProps {
     selectedPath: string | null;
     onSelectFile: (path: string) => void;
 }
-export declare function TreeNode({ node, depth, selectedPath, onSelectFile, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeNode({ node, depth, selectedPath, onSelectFile, }: TreeNodeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/featured-automations/automation-health-indicator.d.ts

@@ -0,0 +1,11 @@
+import type { AutomationRunHealth } from "./automation-run-health";
+interface AutomationHealthIndicatorProps {
+    health: AutomationRunHealth;
+}
+/**
+ * Visual-only latest-run health mark. Decorative on purpose: the owning
+ * control carries the translated status text (e.g. via sr-only), so the
+ * indicator itself is hidden from assistive technology.
+ */
+export declare function AutomationHealthIndicator({ health, }: AutomationHealthIndicatorProps): import("react").JSX.Element;
+export {};

package/dist/components/features/home/featured-automations/automation-run-activity-metrics.d.ts

@@ -0,0 +1,18 @@
+import { I18nKey } from "#/i18n/declaration";
+import { AutomationRunStatus, type AutomationRun } from "#/types/automation";
+/** Sparkline track height; bars sit on the baseline inside this. */
+export declare const AUTOMATION_RUN_ACTIVITY_TRACK_PX = 18;
+export declare const AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX = 6;
+export declare const AUTOMATION_RUN_ACTIVITY_MAX_BAR_PX = 15;
+/** Used when duration cannot be derived (no timestamps, skipped, etc.). */
+export declare const AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX = 11;
+/**
+ * Wall-clock duration for a run, or null when it cannot be measured.
+ * In-flight runs use elapsed time since `started_at` when that is usable.
+ */
+export declare function getAutomationRunDurationMs(run: AutomationRun, nowMs?: number): number | null;
+/** Map duration → bar height (log scale, clamped). Color stays status-driven. */
+export declare function durationMsToSparklineBarHeightPx(durationMs: number | null): number;
+export declare function barColorClassForStatus(status: AutomationRunStatus | string): string;
+export declare function getAutomationRunStatusLabelKey(status: AutomationRunStatus | string): I18nKey;
+export declare function formatDurationForTitle(durationMs: number | null): string | null;

package/dist/components/features/home/featured-automations/automation-run-activity-sparkline.d.ts

@@ -0,0 +1,14 @@
+import { type AutomationRun } from "#/types/automation";
+interface AutomationRunActivitySparklineProps {
+    automationId: string;
+    /** Newest-first run list (same order as the runs API). */
+    runs: readonly AutomationRun[];
+    testId?: string;
+}
+/**
+ * Colored-bar sparkline of recent automation runs (oldest → newest left to
+ * right). Color encodes status; height encodes run duration (log-scaled).
+ * Bars link to the automation detail page focused on that run.
+ */
+export declare function AutomationRunActivitySparkline({ automationId, runs, testId, }: AutomationRunActivitySparklineProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/home/featured-automations/automation-run-health.d.ts

@@ -0,0 +1,25 @@
+import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
+import { I18nKey } from "#/i18n/declaration";
+import { type Automation, type AutomationRun } from "#/types/automation";
+export type AutomationRunHealth = "success" | "failed" | "in_progress" | "none" | "unknown";
+export declare function deriveRunHealth(state: LatestAutomationRunState): AutomationRunHealth;
+export declare function getRunHealthLabelKey(health: AutomationRunHealth): I18nKey;
+export declare function formatTriggerSourceLabel(source: string): string;
+export declare function getTriggerEventLabel(automation: Automation): string | null;
+export declare function getTriggerSource(automation: Automation): string | null;
+export declare function getTriggerScheduleLabel(automation: Automation): string | null;
+export declare function getTriggerSummary(automation: Automation): string;
+/**
+ * Short preview for the pinned-card status row. Prefer the first sentence,
+ * then hard-truncate so the row stays single-line.
+ */
+export declare function shortenAutomationErrorDetail(detail: string): string;
+/** True when the inline preview is shortened and the full message belongs in a hovercard. */
+export declare function shouldShowAutomationErrorHovercard(detail: string, shortDetail?: string): boolean;
+/**
+ * Timestamp to show as the run's "last run" moment, or null when the run
+ * has no usable timestamp yet. The backend leaves started_at unset
+ * (epoch/zero) while a run is PENDING and only populates it once execution
+ * begins.
+ */
+export declare function getLastRunTimestamp(run: AutomationRun): string | null;

package/dist/components/features/home/featured-automations/build-home-automation-menu-items.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+import { I18nKey } from "#/i18n/declaration";
+import type { Automation } from "#/types/automation";
+export type HomeAutomationMenuEntry = {
+    kind: "item";
+    key: string;
+    label: string;
+    icon: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    testId: string;
+} | {
+    kind: "separator";
+    key: string;
+};
+interface BuildHomeAutomationMenuItemsOptions {
+    automation: Automation;
+    t: (key: I18nKey) => string;
+    canManage: boolean;
+    canEdit: boolean;
+    isRunPending: boolean;
+    isCancelPending: boolean;
+    canCancel: boolean;
+    testIdPrefix: string;
+    pinTestId: string;
+    isPinned: boolean;
+    onRunNow: () => void;
+    onCancelRun: () => void;
+    onView: () => void;
+    onEdit?: () => void;
+    onTurnOff: () => void;
+    onTogglePin: () => void;
+}
+/**
+ * Home featured-automation kebab (pinned cards + activity rows):
+ * quick actions first, separator, then pin/unpin.
+ */
+export declare function buildHomeAutomationMenuItems({ automation, t, canManage, canEdit, isRunPending, isCancelPending, canCancel, testIdPrefix, pinTestId, isPinned, onRunNow, onCancelRun, onView, onEdit, onTurnOff, onTogglePin, }: BuildHomeAutomationMenuItemsOptions): HomeAutomationMenuEntry[];
+export {};

package/dist/components/features/home/featured-automations/build-pinned-automation-menu-items.d.ts

@@ -0,0 +1,22 @@
+import type { I18nKey } from "#/i18n/declaration";
+import type { Automation } from "#/types/automation";
+import { type HomeAutomationMenuEntry } from "./build-home-automation-menu-items";
+export type PinnedAutomationMenuItem = HomeAutomationMenuEntry;
+interface BuildPinnedAutomationMenuItemsOptions {
+    automation: Automation;
+    t: (key: I18nKey) => string;
+    canManage: boolean;
+    canEdit: boolean;
+    isRunPending: boolean;
+    isCancelPending: boolean;
+    canCancel: boolean;
+    onRunNow: () => void;
+    onCancelRun: () => void;
+    onView: () => void;
+    onEdit?: () => void;
+    onTurnOff: () => void;
+    onUnpin: () => void;
+}
+/** Thin wrapper for pinned cards — always unpin, with card-scoped test ids. */
+export declare function buildPinnedAutomationMenuItems({ onUnpin, automation, ...rest }: BuildPinnedAutomationMenuItemsOptions): PinnedAutomationMenuItem[];
+export {};

package/dist/components/features/home/featured-automations/home-automation-activity.d.ts

@@ -0,0 +1,23 @@
+import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
+import { I18nKey } from "#/i18n/declaration";
+import { AutomationRunStatus, type Automation } from "#/types/automation";
+/** Live home-page row/card model derived from an automation + its latest run. */
+export interface HomeAutomationActivityItem {
+    id: string;
+    name: string;
+    triggerSummary: string;
+    /** Null when the automation has never run (or the run fetch failed). */
+    status: AutomationRunStatus | null;
+    /** Relative time label, or null when there is no usable timestamp. */
+    whenLabel: string | null;
+    conversationId: string | null;
+}
+type Translate = (key: I18nKey, options?: Record<string, unknown>) => string;
+export declare function buildHomeAutomationActivityItem(automation: Automation, runState: LatestAutomationRunState, locale: string, t: Translate): HomeAutomationActivityItem;
+/**
+ * Map enabled automations + latest-run state into sorted activity rows
+ * (in-flight first, then newest last-run timestamp).
+ */
+export declare function buildHomeAutomationActivityItems(automations: readonly Automation[], runStates: Map<string, LatestAutomationRunState>, locale: string, t: Translate, unknownRunState: LatestAutomationRunState): HomeAutomationActivityItem[];
+export declare function hrefForActivityItem(item: HomeAutomationActivityItem): string;
+export {};

package/dist/components/features/home/featured-automations/home-automation-menu.d.ts

@@ -0,0 +1,13 @@
+import type { HomeAutomationMenuEntry } from "./build-home-automation-menu-items";
+interface HomeAutomationMenuProps {
+    testId: string;
+    panelTestId: string;
+    ariaLabel: string;
+    items: HomeAutomationMenuEntry[];
+    triggerClassName?: string;
+}
+/**
+ * Shared home kebab: portal menu, Escape/arrow keys, focus restore to trigger.
+ */
+export declare function HomeAutomationMenu({ testId, panelTestId, ariaLabel, items, triggerClassName, }: HomeAutomationMenuProps): import("react").JSX.Element;
+export {};

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.d.ts

@@ -0,0 +1,12 @@
+import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
+import { I18nKey } from "#/i18n/declaration";
+import { type Automation } from "#/types/automation";
+export declare function getRunStatusLabelKey(runState: LatestAutomationRunState): I18nKey;
+/**
+ * Left-nav-style hovercard body for an automation's latest-run health.
+ * Matches `ConversationCardPreview` layout: title + label/value rows.
+ */
+export declare function HomeAutomationRunTooltip({ automation, runState, }: {
+    automation: Automation;
+    runState: LatestAutomationRunState;
+}): import("react").JSX.Element;

package/dist/components/features/home/featured-automations/pinned-automation-card.d.ts

@@ -0,0 +1,21 @@
+import type { LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
+import { type Automation } from "#/types/automation";
+interface PinnedAutomationCardProps {
+    automation: Automation;
+    runState: LatestAutomationRunState;
+    onUnpin: (automationId: string) => void;
+    onDragStart: (automationId: string) => void;
+    onDragOver: (automationId: string, position: "before" | "after") => void;
+    onDrop: (automationId: string) => void;
+    onDragEnd: () => void;
+    isDropTarget: boolean;
+    dropPosition: "before" | "after" | null;
+    isDragging: boolean;
+}
+/**
+ * Expanded pinned-automation card: status badge, trigger meta,
+ * loading/empty/error copy, failure detail, and conversation title link.
+ * Quick actions + unpin live in the card's three-dot menu.
+ */
+export declare function PinnedAutomationCard({ automation, runState, onUnpin, onDragStart, onDragOver, onDrop, onDragEnd, isDropTarget, dropPosition, isDragging, }: PinnedAutomationCardProps): import("react").JSX.Element;
+export {};

package/dist/components/features/home/featured-automations/pinned-automations-dashboard.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Dashboard grid of pinned automations rendered above Recent Automation
+ * Activity on the home page. Empty when nothing pinned resolves against
+ * currently enabled live automations.
+ */
+export declare function PinnedAutomationsDashboard(): import("react").JSX.Element | null;

package/dist/components/features/home/featured-automations/running-automations-list.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Recent automation activity under the home composer. Driven by live
+ * enabled automations + latest-run queries; self-gates when the automation
+ * service is unavailable or there are no enabled automations.
+ */
+export declare function RunningAutomationsList(): import("react").JSX.Element | null;

package/dist/components/features/home/git-branch-dropdown/branch-dropdown-menu.d.ts

@@ -12,4 +12,4 @@ export interface BranchDropdownMenuProps {
     onScroll: (event: React.UIEvent<HTMLUListElement>) => void;
     menuRef: React.RefObject<HTMLUListElement | null>;
 }
-export declare function BranchDropdownMenu({ isOpen, filteredBranches, inputValue, highlightedIndex, selectedItem, getMenuProps, getItemProps, onScroll, menuRef, }: BranchDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function BranchDropdownMenu({ isOpen, filteredBranches, inputValue, highlightedIndex, selectedItem, getMenuProps, getItemProps, onScroll, menuRef, }: BranchDropdownMenuProps): React.JSX.Element;

package/dist/components/features/home/git-branch-dropdown/git-branch-dropdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Branch } from "#/types/git";
 import { Provider } from "#/types/settings";
 export interface GitBranchDropdownProps {
@@ -10,4 +11,4 @@ export interface GitBranchDropdownProps {
     disabled?: boolean;
     className?: string;
 }
-export declare function GitBranchDropdown({ repository, provider, selectedBranch, onBranchSelect, defaultBranch, placeholder, disabled, className, }: GitBranchDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitBranchDropdown({ repository, provider, selectedBranch, onBranchSelect, defaultBranch, placeholder, disabled, className, }: GitBranchDropdownProps): React.JSX.Element;

package/dist/components/features/home/git-provider-dropdown/git-provider-dropdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Provider } from "#/types/settings";
 export interface GitProviderDropdownProps {
     providers: Provider[];
@@ -12,4 +13,4 @@ export interface GitProviderDropdownProps {
     toggleButtonClassName?: string;
     itemClassName?: string;
 }
-export declare function GitProviderDropdown({ providers, value, placeholder, className, errorMessage, disabled, isLoading, onChange, inputClassName, toggleButtonClassName, itemClassName, }: GitProviderDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitProviderDropdown({ providers, value, placeholder, className, errorMessage, disabled, isLoading, onChange, inputClassName, toggleButtonClassName, itemClassName, }: GitProviderDropdownProps): React.JSX.Element;

package/dist/components/features/home/git-repo-dropdown/git-repo-dropdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Provider } from "#/types/settings";
 import { GitRepository } from "#/types/git";
 export interface GitRepoDropdownProps {
@@ -9,4 +10,4 @@ export interface GitRepoDropdownProps {
     disabled?: boolean;
     onChange?: (repository?: GitRepository) => void;
 }
-export declare function GitRepoDropdown({ provider, value, repositoryName, placeholder, className, disabled, onChange, }: GitRepoDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitRepoDropdown({ provider, value, repositoryName, placeholder, className, disabled, onChange, }: GitRepoDropdownProps): React.JSX.Element;

package/dist/components/features/home/home-chat-launcher.d.ts

@@ -1 +1 @@
-export declare function HomeChatLauncher(): import("react/jsx-runtime").JSX.Element;
+export declare function HomeChatLauncher(): import("react").JSX.Element;

package/dist/components/features/home/home-git-control-bar-preview.d.ts

@@ -13,5 +13,5 @@ interface HomeGitControlBarPreviewProps {
     onRepoClick: () => void;
     onWorkspaceModeChange: (mode: WorkspaceMode) => void;
 }
-export declare function HomeGitControlBarPreview({ workspace, repository, branch, provider, workspaceMode, backendKind, onRepoClick, onWorkspaceModeChange, }: HomeGitControlBarPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomeGitControlBarPreview({ workspace, repository, branch, provider, workspaceMode, backendKind, onRepoClick, onWorkspaceModeChange, }: HomeGitControlBarPreviewProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/home-header/guide-message.d.ts

@@ -1 +1 @@
-export declare function GuideMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function GuideMessage(): import("react").JSX.Element;

package/dist/components/features/home/home-header/home-header-title.d.ts

@@ -1 +1 @@
-export declare function HomeHeaderTitle(): import("react/jsx-runtime").JSX.Element;
+export declare function HomeHeaderTitle(): import("react").JSX.Element;

package/dist/components/features/home/home-header/home-header.d.ts

@@ -1 +1 @@
-export declare function HomeHeader(): import("react/jsx-runtime").JSX.Element;
+export declare function HomeHeader(): import("react").JSX.Element;

package/dist/components/features/home/llm-not-configured-banner.d.ts

@@ -8,4 +8,4 @@
  * configured; the settings query refetches after a key is saved, so the banner
  * unmounts on its own.
  */
-export declare function LlmNotConfiguredBanner(): import("react/jsx-runtime").JSX.Element | null;
+export declare function LlmNotConfiguredBanner(): import("react").JSX.Element | null;

package/dist/components/features/home/new-conversation/create-conversation-button.d.ts

@@ -1 +1 @@
-export declare function CreateConversationButton(): import("react/jsx-runtime").JSX.Element;
+export declare function CreateConversationButton(): import("react").JSX.Element;

package/dist/components/features/home/new-conversation/new-conversation.d.ts

@@ -1 +1 @@
-export declare function NewConversation(): import("react/jsx-runtime").JSX.Element;
+export declare function NewConversation(): import("react").JSX.Element;

package/dist/components/features/home/new-conversation.d.ts

@@ -1 +1 @@
-export declare function NewConversation(): import("react/jsx-runtime").JSX.Element;
+export declare function NewConversation(): import("react").JSX.Element;

package/dist/components/features/home/open-launcher-button.d.ts

@@ -4,5 +4,5 @@ interface OpenLauncherButtonProps {
     disabled?: boolean;
     disabledTooltip?: string | null;
 }
-export declare function OpenLauncherButton({ kind, onClick, disabled, disabledTooltip, }: OpenLauncherButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OpenLauncherButton({ kind, onClick, disabled, disabledTooltip, }: OpenLauncherButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/open-repository-dialog.d.ts

@@ -9,5 +9,5 @@ interface OpenRepositoryDialogProps {
         provider: Provider | null;
     }) => void;
 }
-export declare function OpenRepositoryDialog({ isOpen, onClose, onConfirm, }: OpenRepositoryDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function OpenRepositoryDialog({ isOpen, onClose, onConfirm, }: OpenRepositoryDialogProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/home/open-workspace-dialog.d.ts

@@ -4,5 +4,5 @@ interface OpenWorkspaceDialogProps {
     onClose: () => void;
     onConfirm: (workspace: LocalWorkspace) => void;
 }
-export declare function OpenWorkspaceDialog({ isOpen, onClose, onConfirm, }: OpenWorkspaceDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function OpenWorkspaceDialog({ isOpen, onClose, onConfirm, }: OpenWorkspaceDialogProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/home/repo-selection-form.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Branch, GitRepository } from "#/types/git";
 import { Provider } from "#/types/settings";
 interface RepositorySelectionFormProps {
@@ -22,5 +23,5 @@ interface RepositorySelectionFormProps {
         provider: Provider | null;
     }) => void;
 }
-export declare function RepositorySelectionForm({ onRepoSelection, isLoadingSettings, onConfirm, }: RepositorySelectionFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function RepositorySelectionForm({ onRepoSelection, isLoadingSettings, onConfirm, }: RepositorySelectionFormProps): React.JSX.Element;
 export {};

package/dist/components/features/home/shared/clear-button.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface ClearButtonProps {
     disabled: boolean;
     onClear: () => void;
     testId?: string;
 }
-export declare function ClearButton({ disabled, onClear, testId, }: ClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClearButton({ disabled, onClear, testId, }: ClearButtonProps): React.JSX.Element;
 export {};

package/dist/components/features/home/shared/dropdown-item.d.ts

@@ -16,5 +16,5 @@ interface DropdownItemProps<T> {
      */
     ariaLabel?: string;
 }
-export declare function DropdownItem<T>({ item, index, isSelected, getItemProps, getDisplayText, getItemKey, isProviderDropdown, renderIcon, itemClassName, ariaLabel, }: DropdownItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownItem<T>({ item, index, isSelected, getItemProps, getDisplayText, getItemKey, isProviderDropdown, renderIcon, itemClassName, ariaLabel, }: DropdownItemProps<T>): React.JSX.Element;
 export {};

package/dist/components/features/home/shared/empty-state.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 interface EmptyStateProps {
     inputValue: string;
     searchMessage?: string;
     emptyMessage?: string;
     testId?: string;
 }
-export declare function EmptyState({ inputValue, searchMessage, emptyMessage, testId, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ inputValue, searchMessage, emptyMessage, testId, }: EmptyStateProps): React.JSX.Element;
 export {};

package/dist/components/features/home/shared/error-message.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface ErrorMessageProps {
     isError: boolean;
     message?: string;
     testId?: string;
 }
-export declare function ErrorMessage({ isError, message, testId, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ErrorMessage({ isError, message, testId, }: ErrorMessageProps): React.JSX.Element | null;
 export {};

package/dist/components/features/home/shared/generic-dropdown-menu.d.ts

@@ -25,4 +25,4 @@ export interface GenericDropdownMenuProps<T> {
     numberOfRecentItems?: number;
     itemKey: (item: T) => string | number;
 }
-export declare function GenericDropdownMenu<T>({ isOpen, filteredItems, inputValue, highlightedIndex, selectedItem, getMenuProps, getItemProps, onScroll, menuRef, renderItem, renderItemPrefix, renderEmptyState, stickyTopItem, stickyFooterItem, testId, numberOfRecentItems, itemKey, }: GenericDropdownMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function GenericDropdownMenu<T>({ isOpen, filteredItems, inputValue, highlightedIndex, selectedItem, getMenuProps, getItemProps, onScroll, menuRef, renderItem, renderItemPrefix, renderEmptyState, stickyTopItem, stickyFooterItem, testId, numberOfRecentItems, itemKey, }: GenericDropdownMenuProps<T>): React.JSX.Element;

package/dist/components/features/home/shared/loading-spinner.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 interface LoadingSpinnerProps {
     hasSelection: boolean;
     testId?: string;
 }
-export declare function LoadingSpinner({ hasSelection, testId, }: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingSpinner({ hasSelection, testId, }: LoadingSpinnerProps): React.JSX.Element;
 export {};

package/dist/components/features/home/shared/toggle-button.d.ts

@@ -4,5 +4,5 @@ interface ToggleButtonProps {
     getToggleButtonProps: (props?: Record<string, unknown>) => Record<string, unknown>;
     iconClassName?: string;
 }
-export declare function ToggleButton({ isOpen, disabled, getToggleButtonProps, iconClassName, }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButton({ isOpen, disabled, getToggleButtonProps, iconClassName, }: ToggleButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/tasks/task-card.d.ts

@@ -2,5 +2,5 @@ import { SuggestedTask } from "#/utils/types";
 interface TaskCardProps {
     task: SuggestedTask;
 }
-export declare function TaskCard({ task }: TaskCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskCard({ task }: TaskCardProps): import("react").JSX.Element;
 export {};