@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/rpc/SessionHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHeader.cjs","sources":["../../src/rpc/SessionHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Badge } from \"../data/Badge\";\nimport { Callout } from \"../data/Callout\";\nimport { CodeBlock } from \"../data/CodeBlock\";\nimport { Icon } from \"../data/Icon\";\nimport { useResourceClock } from \"../hooks/use-resource-clock\";\nimport { UiChevronRight, UiClockCountdown, UiServer, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { RenderLink } from \"./EndpointList\";\nimport {\n  DEFAULT_SESSION_DURATION_PRESETS_MS,\n  SESSION_STATE_TONES,\n  formatSessionCountdown,\n  formatSessionStoreLocation,\n} from \"./sessionHeaderModel\";\nimport { SessionHeaderControls, type SessionConfirmRenderArgs } from \"./SessionHeaderControls\";\nimport { isSessionTerminal, type SessionInfo } from \"./sessionTypes\";\nimport type { SessionAction } from \"./useSession\";\n\nexport type { SessionConfirmRenderArgs } from \"./SessionHeaderControls\";\n\nexport type SessionHeaderProps = {\n  session: SessionInfo;\n  /** Route of another session's page, for `restartOf` / `restartedAs` links. */\n  getSessionHref: (id: string) => string;\n  /** Renders those links with the host's router. Defaults to a plain anchor. */\n  renderLink?: RenderLink;\n  onStop: () => void;\n  onExtend: (durationMs: number) => void;\n  /** Called with the run's own `params.durationMs`, or the duration picked when it had none. */\n  onRestart: (options: { durationMs: number }) => void;\n  /**\n   * The session's kind changes the target's behaviour (a class patch, say):\n   * Stop, Extend and Restart each wait for confirmation first.\n   */\n  mutating?: boolean;\n  /** Confirmation slot for a mutating kind. Defaults to a small modal. */\n  renderConfirm?: (args: SessionConfirmRenderArgs) => ReactNode;\n  /** Durations offered by the Extend and Restart prompts. */\n  durationPresetsMs?: readonly number[];\n  /** The control request in flight (useSession's `pendingAction`). */\n  pendingAction?: SessionAction | null;\n  /** The last control request's failure (useSession's `actionError`); rendered until the next action. */\n  actionError?: unknown;\n  /** Heading; defaults to `labels.label`, then the profile. */\n  title?: ReactNode;\n  className?: string;\n};\n\nconst defaultRenderLink: RenderLink = ({ to, children, className, title, key }) => (\n  <a key={key} href={to} className={className} title={title}>\n    {children}\n  </a>\n);\n\nconst LINK_CLASS = \"font-mono text-primary underline-offset-2 hover:underline\";\n\nfunction shortId(id: string): string {\n  return id.length > 8 ? id.slice(0, 8) : id;\n}\n\nexport function SessionHeader({\n  session,\n  getSessionHref,\n  renderLink = defaultRenderLink,\n  onStop,\n  onExtend,\n  onRestart,\n  mutating = false,\n  renderConfirm,\n  durationPresetsMs = DEFAULT_SESSION_DURATION_PRESETS_MS,\n  pendingAction = null,\n  actionError,\n  title,\n  className,\n}: SessionHeaderProps) {\n  const active = !isSessionTerminal(session.state);\n  const countingDown = active && session.stopAt !== undefined;\n  const now = useResourceClock(countingDown);\n  // The `label` label is already the heading when no title is given.\n  const labelIsHeading = title === undefined && session.labels?.label !== undefined;\n  const labels = Object.entries(session.labels ?? {}).filter(\n    ([key]) => !(labelIsHeading && key === \"label\"),\n  );\n  const sessionLink = (id: string) =>\n    renderLink({ to: getSessionHref(id), children: shortId(id), className: LINK_CLASS, title: id, key: id });\n\n  return (\n    <header\n      className={cn(\"space-y-3 rounded-md border border-border bg-card p-3\", className)}\n      data-slot=\"session-header\"\n    >\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0 space-y-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h2 className=\"truncate text-base font-semibold\">\n              {title ?? session.labels?.label ?? session.profile}\n            </h2>\n            <Badge tone={SESSION_STATE_TONES[session.state]} size=\"sm\">\n              {session.state}\n            </Badge>\n            {session.unresponsive && (\n              <Badge tone=\"warning\" variant=\"outline\" size=\"sm\" icon={UiWarningTriangle}>\n                unresponsive\n              </Badge>\n            )}\n            {countingDown && (\n              <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n                <Icon icon={UiClockCountdown} className=\"size-3.5\" />\n                {formatSessionCountdown(session.stopAt!, now)}\n              </span>\n            )}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <span className=\"font-mono\">{session.profile}</span>\n            {session.events && <span className=\"font-mono\">Event kind: {session.events.kind}</span>}\n            <span className=\"inline-flex items-center gap-1\">\n              <Icon icon={UiServer} className=\"size-3.5\" />\n              {`${session.owner.host} · pid ${session.owner.pid}`}\n            </span>\n            {session.principal && <span>by {session.principal}</span>}\n            <span>{session.eventCount.toLocaleString()} events</span>\n            {session.handle && <span className=\"font-mono\">{session.handle}</span>}\n            {!active && session.stopReason && <span>{session.stopReason}</span>}\n          </div>\n          {labels.length > 0 && (\n            <ul role=\"list\" className=\"flex flex-wrap gap-1\" aria-label=\"Labels\">\n              {labels.map(([key, value]) => (\n                <li key={key}>\n                  <Badge tone=\"neutral\" variant=\"outline\" size=\"xs\">\n                    {`${key}=${value}`}\n                  </Badge>\n                </li>\n              ))}\n            </ul>\n          )}\n          {(session.restartOf || (session.restartedAs?.length ?? 0) > 0) && (\n            <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\">\n              {session.restartOf && (\n                <span>\n                  Restart of {sessionLink(session.restartOf)}\n                </span>\n              )}\n              {session.restartedAs && session.restartedAs.length > 0 && (\n                <span className=\"inline-flex flex-wrap items-center gap-1\">\n                  Restarted as {session.restartedAs.map(sessionLink)}\n                </span>\n              )}\n            </div>\n          )}\n          {session.metadata?.map((entry) => (\n            <details key={entry.name} className=\"group text-xs\" data-slot=\"session-metadata\">\n              <summary className=\"inline-flex cursor-pointer list-none items-center gap-1 text-muted-foreground hover:text-foreground\">\n                <Icon icon={UiChevronRight} className=\"size-3.5 transition-transform group-open:rotate-90\" />\n                {entry.label}\n                {entry.language && (\n                  <Badge tone=\"neutral\" variant=\"outline\" size=\"xs\" className=\"uppercase\">\n                    {entry.language}\n                  </Badge>\n                )}\n              </summary>\n              <CodeBlock\n                language={entry.language ?? \"text\"}\n                source={entry.value}\n                copyable\n                className=\"mt-2\"\n              />\n            </details>\n          ))}\n        </div>\n        <SessionHeaderControls\n          session={session}\n          onStop={onStop}\n          onExtend={onExtend}\n          onRestart={onRestart}\n          mutating={mutating}\n          renderConfirm={renderConfirm}\n          durationPresetsMs={durationPresetsMs}\n          pendingAction={pendingAction}\n        />\n      </div>\n      <SessionHeaderNotices session={session} active={active} actionError={actionError} />\n    </header>\n  );\n}\n\nfunction SessionHeaderNotices({\n  session,\n  active,\n  actionError,\n}: {\n  session: SessionInfo;\n  active: boolean;\n  actionError: unknown;\n}) {\n  const eventsLost = session.events !== undefined && !session.eventsAvailable;\n  const uncontrolled = active && !session.controllable;\n  const actionFailed = actionError !== undefined && actionError !== null;\n  if (!actionFailed && !session.error && !session.warning && !eventsLost && !uncontrolled) return null;\n  return (\n    <div className=\"space-y-2\">\n      {actionFailed && (\n        <Callout variant=\"caution\" label=\"Action failed\">\n          {actionError instanceof Error ? actionError.message : String(actionError)}\n        </Callout>\n      )}\n      {session.error && (\n        <Callout variant=\"caution\" label=\"Error\">\n          {session.error}\n        </Callout>\n      )}\n      {session.warning && (\n        <Callout variant=\"warning\" label=\"Warning\">\n          {session.warning}\n        </Callout>\n      )}\n      {eventsLost && session.events && (\n        <Callout variant=\"warning\" label=\"Events unavailable\">\n          {`Events were ${formatSessionStoreLocation(session.events.store)}; this server cannot read that store.`}\n        </Callout>\n      )}\n      {uncontrolled && (\n        <Callout variant=\"note\" label=\"Read only\">\n          {`Controlled by ${session.owner.host} (pid ${session.owner.pid}); this server cannot stop or extend it.`}\n        </Callout>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","DEFAULT_SESSION_DURATION_PRESETS_MS","isSessionTerminal","useResourceClock","jsxs","cn","Badge","SESSION_STATE_TONES","UiWarningTriangle","Icon","UiClockCountdown","formatSessionCountdown","UiServer","UiChevronRight","CodeBlock","SessionHeaderControls","Callout","formatSessionStoreLocation"],"mappings":"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"}

package/dist/rpc/SessionHeader.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { RenderLink } from './EndpointList';
+import { SessionConfirmRenderArgs } from './SessionHeaderControls';
+import { SessionInfo } from './sessionTypes';
+import { SessionAction } from './useSession';
+export type { SessionConfirmRenderArgs } from './SessionHeaderControls';
+export type SessionHeaderProps = {
+    session: SessionInfo;
+    /** Route of another session's page, for `restartOf` / `restartedAs` links. */
+    getSessionHref: (id: string) => string;
+    /** Renders those links with the host's router. Defaults to a plain anchor. */
+    renderLink?: RenderLink;
+    onStop: () => void;
+    onExtend: (durationMs: number) => void;
+    /** Called with the run's own `params.durationMs`, or the duration picked when it had none. */
+    onRestart: (options: {
+        durationMs: number;
+    }) => void;
+    /**
+     * The session's kind changes the target's behaviour (a class patch, say):
+     * Stop, Extend and Restart each wait for confirmation first.
+     */
+    mutating?: boolean;
+    /** Confirmation slot for a mutating kind. Defaults to a small modal. */
+    renderConfirm?: (args: SessionConfirmRenderArgs) => ReactNode;
+    /** Durations offered by the Extend and Restart prompts. */
+    durationPresetsMs?: readonly number[];
+    /** The control request in flight (useSession's `pendingAction`). */
+    pendingAction?: SessionAction | null;
+    /** The last control request's failure (useSession's `actionError`); rendered until the next action. */
+    actionError?: unknown;
+    /** Heading; defaults to `labels.label`, then the profile. */
+    title?: ReactNode;
+    className?: string;
+};
+export declare function SessionHeader({ session, getSessionHref, renderLink, onStop, onExtend, onRestart, mutating, renderConfirm, durationPresetsMs, pendingAction, actionError, title, className, }: SessionHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=SessionHeader.d.ts.map

package/dist/rpc/SessionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHeader.d.ts","sourceRoot":"","sources":["../../src/rpc/SessionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,OAAO,EAAyB,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,8EAA8E;IAC9E,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8FAA8F;IAC9F,SAAS,EAAE,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC9D,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,oEAAoE;IACpE,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,uGAAuG;IACvG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAcF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAc,EACd,UAA8B,EAC9B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAa,EACb,iBAAuD,EACvD,aAAoB,EACpB,WAAW,EACX,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,+BA6GpB"}

package/dist/rpc/SessionHeader.js

@@ -0,0 +1,149 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Badge } from "../data/Badge.js";
+import { Callout } from "../data/Callout.js";
+import { CodeBlock } from "../data/CodeBlock.js";
+import { Icon } from "../data/Icon.js";
+import { useResourceClock } from "../hooks/use-resource-clock.js";
+import { cn } from "../lib/utils.js";
+import { SESSION_STATE_TONES, formatSessionCountdown, DEFAULT_SESSION_DURATION_PRESETS_MS, formatSessionStoreLocation } from "./sessionHeaderModel.js";
+import { SessionHeaderControls } from "./SessionHeaderControls.js";
+import { isSessionTerminal } from "./sessionTypes.js";
+import { UiWarningTriangle } from "../icons/components/UiWarningTriangle.js";
+import { UiClockCountdown } from "../icons/components/UiClockCountdown.js";
+import { UiServer } from "../icons/components/UiServer.js";
+import { UiChevronRight } from "../icons/components/UiChevronRight.js";
+const defaultRenderLink = ({ to, children, className, title, key }) => /* @__PURE__ */ jsx("a", { href: to, className, title, children }, key);
+const LINK_CLASS = "font-mono text-primary underline-offset-2 hover:underline";
+function shortId(id) {
+  return id.length > 8 ? id.slice(0, 8) : id;
+}
+function SessionHeader({
+  session,
+  getSessionHref,
+  renderLink = defaultRenderLink,
+  onStop,
+  onExtend,
+  onRestart,
+  mutating = false,
+  renderConfirm,
+  durationPresetsMs = DEFAULT_SESSION_DURATION_PRESETS_MS,
+  pendingAction = null,
+  actionError,
+  title,
+  className
+}) {
+  var _a, _b, _c, _d;
+  const active = !isSessionTerminal(session.state);
+  const countingDown = active && session.stopAt !== void 0;
+  const now = useResourceClock(countingDown);
+  const labelIsHeading = title === void 0 && ((_a = session.labels) == null ? void 0 : _a.label) !== void 0;
+  const labels = Object.entries(session.labels ?? {}).filter(
+    ([key]) => !(labelIsHeading && key === "label")
+  );
+  const sessionLink = (id) => renderLink({ to: getSessionHref(id), children: shortId(id), className: LINK_CLASS, title: id, key: id });
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn("space-y-3 rounded-md border border-border bg-card p-3", className),
+      "data-slot": "session-header",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("h2", { className: "truncate text-base font-semibold", children: title ?? ((_b = session.labels) == null ? void 0 : _b.label) ?? session.profile }),
+              /* @__PURE__ */ jsx(Badge, { tone: SESSION_STATE_TONES[session.state], size: "sm", children: session.state }),
+              session.unresponsive && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "outline", size: "sm", icon: UiWarningTriangle, children: "unresponsive" }),
+              countingDown && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiClockCountdown, className: "size-3.5" }),
+                formatSessionCountdown(session.stopAt, now)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono", children: session.profile }),
+              session.events && /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+                "Event kind: ",
+                session.events.kind
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiServer, className: "size-3.5" }),
+                `${session.owner.host} · pid ${session.owner.pid}`
+              ] }),
+              session.principal && /* @__PURE__ */ jsxs("span", { children: [
+                "by ",
+                session.principal
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                session.eventCount.toLocaleString(),
+                " events"
+              ] }),
+              session.handle && /* @__PURE__ */ jsx("span", { className: "font-mono", children: session.handle }),
+              !active && session.stopReason && /* @__PURE__ */ jsx("span", { children: session.stopReason })
+            ] }),
+            labels.length > 0 && /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-wrap gap-1", "aria-label": "Labels", children: labels.map(([key, value]) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Badge, { tone: "neutral", variant: "outline", size: "xs", children: `${key}=${value}` }) }, key)) }),
+            (session.restartOf || (((_c = session.restartedAs) == null ? void 0 : _c.length) ?? 0) > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs", children: [
+              session.restartOf && /* @__PURE__ */ jsxs("span", { children: [
+                "Restart of ",
+                sessionLink(session.restartOf)
+              ] }),
+              session.restartedAs && session.restartedAs.length > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap items-center gap-1", children: [
+                "Restarted as ",
+                session.restartedAs.map(sessionLink)
+              ] })
+            ] }),
+            (_d = session.metadata) == null ? void 0 : _d.map((entry) => /* @__PURE__ */ jsxs("details", { className: "group text-xs", "data-slot": "session-metadata", children: [
+              /* @__PURE__ */ jsxs("summary", { className: "inline-flex cursor-pointer list-none items-center gap-1 text-muted-foreground hover:text-foreground", children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiChevronRight, className: "size-3.5 transition-transform group-open:rotate-90" }),
+                entry.label,
+                entry.language && /* @__PURE__ */ jsx(Badge, { tone: "neutral", variant: "outline", size: "xs", className: "uppercase", children: entry.language })
+              ] }),
+              /* @__PURE__ */ jsx(
+                CodeBlock,
+                {
+                  language: entry.language ?? "text",
+                  source: entry.value,
+                  copyable: true,
+                  className: "mt-2"
+                }
+              )
+            ] }, entry.name))
+          ] }),
+          /* @__PURE__ */ jsx(
+            SessionHeaderControls,
+            {
+              session,
+              onStop,
+              onExtend,
+              onRestart,
+              mutating,
+              renderConfirm,
+              durationPresetsMs,
+              pendingAction
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(SessionHeaderNotices, { session, active, actionError })
+      ]
+    }
+  );
+}
+function SessionHeaderNotices({
+  session,
+  active,
+  actionError
+}) {
+  const eventsLost = session.events !== void 0 && !session.eventsAvailable;
+  const uncontrolled = active && !session.controllable;
+  const actionFailed = actionError !== void 0 && actionError !== null;
+  if (!actionFailed && !session.error && !session.warning && !eventsLost && !uncontrolled) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    actionFailed && /* @__PURE__ */ jsx(Callout, { variant: "caution", label: "Action failed", children: actionError instanceof Error ? actionError.message : String(actionError) }),
+    session.error && /* @__PURE__ */ jsx(Callout, { variant: "caution", label: "Error", children: session.error }),
+    session.warning && /* @__PURE__ */ jsx(Callout, { variant: "warning", label: "Warning", children: session.warning }),
+    eventsLost && session.events && /* @__PURE__ */ jsx(Callout, { variant: "warning", label: "Events unavailable", children: `Events were ${formatSessionStoreLocation(session.events.store)}; this server cannot read that store.` }),
+    uncontrolled && /* @__PURE__ */ jsx(Callout, { variant: "note", label: "Read only", children: `Controlled by ${session.owner.host} (pid ${session.owner.pid}); this server cannot stop or extend it.` })
+  ] });
+}
+export {
+  SessionHeader
+};
+//# sourceMappingURL=SessionHeader.js.map

package/dist/rpc/SessionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHeader.js","sources":["../../src/rpc/SessionHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Badge } from \"../data/Badge\";\nimport { Callout } from \"../data/Callout\";\nimport { CodeBlock } from \"../data/CodeBlock\";\nimport { Icon } from \"../data/Icon\";\nimport { useResourceClock } from \"../hooks/use-resource-clock\";\nimport { UiChevronRight, UiClockCountdown, UiServer, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { RenderLink } from \"./EndpointList\";\nimport {\n  DEFAULT_SESSION_DURATION_PRESETS_MS,\n  SESSION_STATE_TONES,\n  formatSessionCountdown,\n  formatSessionStoreLocation,\n} from \"./sessionHeaderModel\";\nimport { SessionHeaderControls, type SessionConfirmRenderArgs } from \"./SessionHeaderControls\";\nimport { isSessionTerminal, type SessionInfo } from \"./sessionTypes\";\nimport type { SessionAction } from \"./useSession\";\n\nexport type { SessionConfirmRenderArgs } from \"./SessionHeaderControls\";\n\nexport type SessionHeaderProps = {\n  session: SessionInfo;\n  /** Route of another session's page, for `restartOf` / `restartedAs` links. */\n  getSessionHref: (id: string) => string;\n  /** Renders those links with the host's router. Defaults to a plain anchor. */\n  renderLink?: RenderLink;\n  onStop: () => void;\n  onExtend: (durationMs: number) => void;\n  /** Called with the run's own `params.durationMs`, or the duration picked when it had none. */\n  onRestart: (options: { durationMs: number }) => void;\n  /**\n   * The session's kind changes the target's behaviour (a class patch, say):\n   * Stop, Extend and Restart each wait for confirmation first.\n   */\n  mutating?: boolean;\n  /** Confirmation slot for a mutating kind. Defaults to a small modal. */\n  renderConfirm?: (args: SessionConfirmRenderArgs) => ReactNode;\n  /** Durations offered by the Extend and Restart prompts. */\n  durationPresetsMs?: readonly number[];\n  /** The control request in flight (useSession's `pendingAction`). */\n  pendingAction?: SessionAction | null;\n  /** The last control request's failure (useSession's `actionError`); rendered until the next action. */\n  actionError?: unknown;\n  /** Heading; defaults to `labels.label`, then the profile. */\n  title?: ReactNode;\n  className?: string;\n};\n\nconst defaultRenderLink: RenderLink = ({ to, children, className, title, key }) => (\n  <a key={key} href={to} className={className} title={title}>\n    {children}\n  </a>\n);\n\nconst LINK_CLASS = \"font-mono text-primary underline-offset-2 hover:underline\";\n\nfunction shortId(id: string): string {\n  return id.length > 8 ? id.slice(0, 8) : id;\n}\n\nexport function SessionHeader({\n  session,\n  getSessionHref,\n  renderLink = defaultRenderLink,\n  onStop,\n  onExtend,\n  onRestart,\n  mutating = false,\n  renderConfirm,\n  durationPresetsMs = DEFAULT_SESSION_DURATION_PRESETS_MS,\n  pendingAction = null,\n  actionError,\n  title,\n  className,\n}: SessionHeaderProps) {\n  const active = !isSessionTerminal(session.state);\n  const countingDown = active && session.stopAt !== undefined;\n  const now = useResourceClock(countingDown);\n  // The `label` label is already the heading when no title is given.\n  const labelIsHeading = title === undefined && session.labels?.label !== undefined;\n  const labels = Object.entries(session.labels ?? {}).filter(\n    ([key]) => !(labelIsHeading && key === \"label\"),\n  );\n  const sessionLink = (id: string) =>\n    renderLink({ to: getSessionHref(id), children: shortId(id), className: LINK_CLASS, title: id, key: id });\n\n  return (\n    <header\n      className={cn(\"space-y-3 rounded-md border border-border bg-card p-3\", className)}\n      data-slot=\"session-header\"\n    >\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0 space-y-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h2 className=\"truncate text-base font-semibold\">\n              {title ?? session.labels?.label ?? session.profile}\n            </h2>\n            <Badge tone={SESSION_STATE_TONES[session.state]} size=\"sm\">\n              {session.state}\n            </Badge>\n            {session.unresponsive && (\n              <Badge tone=\"warning\" variant=\"outline\" size=\"sm\" icon={UiWarningTriangle}>\n                unresponsive\n              </Badge>\n            )}\n            {countingDown && (\n              <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n                <Icon icon={UiClockCountdown} className=\"size-3.5\" />\n                {formatSessionCountdown(session.stopAt!, now)}\n              </span>\n            )}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <span className=\"font-mono\">{session.profile}</span>\n            {session.events && <span className=\"font-mono\">Event kind: {session.events.kind}</span>}\n            <span className=\"inline-flex items-center gap-1\">\n              <Icon icon={UiServer} className=\"size-3.5\" />\n              {`${session.owner.host} · pid ${session.owner.pid}`}\n            </span>\n            {session.principal && <span>by {session.principal}</span>}\n            <span>{session.eventCount.toLocaleString()} events</span>\n            {session.handle && <span className=\"font-mono\">{session.handle}</span>}\n            {!active && session.stopReason && <span>{session.stopReason}</span>}\n          </div>\n          {labels.length > 0 && (\n            <ul role=\"list\" className=\"flex flex-wrap gap-1\" aria-label=\"Labels\">\n              {labels.map(([key, value]) => (\n                <li key={key}>\n                  <Badge tone=\"neutral\" variant=\"outline\" size=\"xs\">\n                    {`${key}=${value}`}\n                  </Badge>\n                </li>\n              ))}\n            </ul>\n          )}\n          {(session.restartOf || (session.restartedAs?.length ?? 0) > 0) && (\n            <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\">\n              {session.restartOf && (\n                <span>\n                  Restart of {sessionLink(session.restartOf)}\n                </span>\n              )}\n              {session.restartedAs && session.restartedAs.length > 0 && (\n                <span className=\"inline-flex flex-wrap items-center gap-1\">\n                  Restarted as {session.restartedAs.map(sessionLink)}\n                </span>\n              )}\n            </div>\n          )}\n          {session.metadata?.map((entry) => (\n            <details key={entry.name} className=\"group text-xs\" data-slot=\"session-metadata\">\n              <summary className=\"inline-flex cursor-pointer list-none items-center gap-1 text-muted-foreground hover:text-foreground\">\n                <Icon icon={UiChevronRight} className=\"size-3.5 transition-transform group-open:rotate-90\" />\n                {entry.label}\n                {entry.language && (\n                  <Badge tone=\"neutral\" variant=\"outline\" size=\"xs\" className=\"uppercase\">\n                    {entry.language}\n                  </Badge>\n                )}\n              </summary>\n              <CodeBlock\n                language={entry.language ?? \"text\"}\n                source={entry.value}\n                copyable\n                className=\"mt-2\"\n              />\n            </details>\n          ))}\n        </div>\n        <SessionHeaderControls\n          session={session}\n          onStop={onStop}\n          onExtend={onExtend}\n          onRestart={onRestart}\n          mutating={mutating}\n          renderConfirm={renderConfirm}\n          durationPresetsMs={durationPresetsMs}\n          pendingAction={pendingAction}\n        />\n      </div>\n      <SessionHeaderNotices session={session} active={active} actionError={actionError} />\n    </header>\n  );\n}\n\nfunction SessionHeaderNotices({\n  session,\n  active,\n  actionError,\n}: {\n  session: SessionInfo;\n  active: boolean;\n  actionError: unknown;\n}) {\n  const eventsLost = session.events !== undefined && !session.eventsAvailable;\n  const uncontrolled = active && !session.controllable;\n  const actionFailed = actionError !== undefined && actionError !== null;\n  if (!actionFailed && !session.error && !session.warning && !eventsLost && !uncontrolled) return null;\n  return (\n    <div className=\"space-y-2\">\n      {actionFailed && (\n        <Callout variant=\"caution\" label=\"Action failed\">\n          {actionError instanceof Error ? actionError.message : String(actionError)}\n        </Callout>\n      )}\n      {session.error && (\n        <Callout variant=\"caution\" label=\"Error\">\n          {session.error}\n        </Callout>\n      )}\n      {session.warning && (\n        <Callout variant=\"warning\" label=\"Warning\">\n          {session.warning}\n        </Callout>\n      )}\n      {eventsLost && session.events && (\n        <Callout variant=\"warning\" label=\"Events unavailable\">\n          {`Events were ${formatSessionStoreLocation(session.events.store)}; this server cannot read that store.`}\n        </Callout>\n      )}\n      {uncontrolled && (\n        <Callout variant=\"note\" label=\"Read only\">\n          {`Controlled by ${session.owner.host} (pid ${session.owner.pid}); this server cannot stop or extend it.`}\n        </Callout>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/SessionHeaderControls.cjs

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../components/button.cjs");
+const Icon = require("../data/Icon.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const sessionHeaderModel = require("./sessionHeaderModel.cjs");
+const sessionTypes = require("./sessionTypes.cjs");
+const UiClockCountdown = require("../icons/components/UiClockCountdown.cjs");
+const UiStop = require("../icons/components/UiStop.cjs");
+const UiRestart = require("../icons/components/UiRestart.cjs");
+const ACTION_LABELS = {
+  stop: "Stop",
+  extend: "Extend",
+  restart: "Restart"
+};
+function offersAction(controls, action) {
+  if (action === "restart") return controls.restart.visible;
+  return controls[action].visible && !controls[action].disabled;
+}
+function SessionHeaderControls({
+  session,
+  onStop,
+  onExtend,
+  onRestart,
+  mutating,
+  renderConfirm,
+  durationPresetsMs,
+  pendingAction
+}) {
+  const controls = sessionHeaderModel.sessionControls(session);
+  const [prompt, setPrompt] = react.useState(null);
+  const [confirming, setConfirming] = react.useState(null);
+  if (prompt && !offersAction(controls, prompt)) setPrompt(null);
+  if (confirming && !offersAction(controls, confirming.action)) setConfirming(null);
+  const perform = ({ action, durationMs }) => {
+    setConfirming(null);
+    if (action === "stop") return onStop();
+    if (durationMs === void 0) throw new Error(`session ${action} was requested without a duration`);
+    if (action === "extend") return onExtend(durationMs);
+    return onRestart({ durationMs });
+  };
+  const request = (next) => mutating ? setConfirming(next) : perform(next);
+  const onRestartClick = () => {
+    const durationMs = sessionTypes.sessionParamsDurationMs(session);
+    if (durationMs === void 0) setPrompt("restart");
+    else request({ action: "restart", durationMs });
+  };
+  if (!controls.stop.visible && !controls.extend.visible && !controls.restart.visible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end gap-2", "data-slot": "session-header-controls", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      controls.extend.visible && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: controls.extend.disabled,
+          loading: pendingAction === "extend",
+          onClick: () => setPrompt("extend"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClockCountdown.UiClockCountdown, className: "size-4" }),
+            "Extend"
+          ]
+        }
+      ),
+      controls.stop.visible && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          size: "sm",
+          variant: "destructive",
+          disabled: controls.stop.disabled,
+          loading: pendingAction === "stop",
+          onClick: () => request({ action: "stop" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiStop.UiStop, className: "size-4" }),
+            "Stop"
+          ]
+        }
+      ),
+      controls.restart.visible && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          loading: pendingAction === "restart",
+          onClick: onRestartClick,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRestart.UiRestart, className: "size-4" }),
+            "Restart"
+          ]
+        }
+      )
+    ] }),
+    prompt && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-label": `${ACTION_LABELS[prompt]} duration`,
+        className: "flex flex-wrap items-center gap-1 rounded-md border border-border bg-muted/40 p-1 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 text-muted-foreground", children: prompt === "extend" ? "Extend by" : "Run for" }),
+          durationPresetsMs.map((durationMs) => /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => {
+                setPrompt(null);
+                request({ action: prompt, durationMs });
+              },
+              children: sessionHeaderModel.formatSessionDuration(durationMs)
+            },
+            durationMs
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "ghost", onClick: () => setPrompt(null), children: "Cancel" })
+        ]
+      }
+    ),
+    confirming && (renderConfirm ? renderConfirm({
+      action: confirming.action,
+      session,
+      ...confirming.durationMs !== void 0 ? { durationMs: confirming.durationMs } : {},
+      confirm: () => perform(confirming),
+      cancel: () => setConfirming(null)
+    }) : /* @__PURE__ */ jsxRuntime.jsx(
+      DefaultSessionConfirm,
+      {
+        request: confirming,
+        onConfirm: () => perform(confirming),
+        onCancel: () => setConfirming(null)
+      }
+    ))
+  ] });
+}
+function DefaultSessionConfirm({
+  request,
+  onConfirm,
+  onCancel
+}) {
+  const label = ACTION_LABELS[request.action];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open: true,
+      onClose: onCancel,
+      size: "sm",
+      title: `${label} this session?`,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "destructive", onClick: onConfirm, children: label })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", children: [
+        "This session changes the target's behaviour.",
+        request.durationMs !== void 0 && (request.action === "extend" ? ` Its deadline moves ${sessionHeaderModel.formatSessionDuration(request.durationMs)} later.` : ` It will run for ${sessionHeaderModel.formatSessionDuration(request.durationMs)}.`)
+      ] })
+    }
+  );
+}
+exports.SessionHeaderControls = SessionHeaderControls;
+//# sourceMappingURL=SessionHeaderControls.cjs.map

package/dist/rpc/SessionHeaderControls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHeaderControls.cjs","sources":["../../src/rpc/SessionHeaderControls.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClockCountdown, UiRestart, UiStop } from \"../icons\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  formatSessionDuration,\n  sessionControls,\n  type SessionControls,\n} from \"./sessionHeaderModel\";\nimport { sessionParamsDurationMs, type SessionInfo } from \"./sessionTypes\";\nimport type { SessionAction } from \"./useSession\";\n\nexport type SessionConfirmRenderArgs = {\n  action: SessionAction;\n  session: SessionInfo;\n  /** The duration an extend or restart will send; absent for stop. */\n  durationMs?: number;\n  confirm: () => void;\n  cancel: () => void;\n};\n\nexport type SessionHeaderControlsProps = {\n  session: SessionInfo;\n  onStop: () => void;\n  onExtend: (durationMs: number) => void;\n  onRestart: (options: { durationMs: number }) => void;\n  mutating: boolean;\n  renderConfirm: ((args: SessionConfirmRenderArgs) => ReactNode) | undefined;\n  durationPresetsMs: readonly number[];\n  pendingAction: SessionAction | null;\n};\n\ntype PendingRequest = { action: SessionAction; durationMs?: number };\n\nconst ACTION_LABELS: Record<SessionAction, string> = {\n  stop: \"Stop\",\n  extend: \"Extend\",\n  restart: \"Restart\",\n};\n\nfunction offersAction(controls: SessionControls, action: SessionAction): boolean {\n  if (action === \"restart\") return controls.restart.visible;\n  return controls[action].visible && !controls[action].disabled;\n}\n\nexport function SessionHeaderControls({\n  session,\n  onStop,\n  onExtend,\n  onRestart,\n  mutating,\n  renderConfirm,\n  durationPresetsMs,\n  pendingAction,\n}: SessionHeaderControlsProps) {\n  const controls = sessionControls(session);\n  const [prompt, setPrompt] = useState<\"extend\" | \"restart\" | null>(null);\n  const [confirming, setConfirming] = useState<PendingRequest | null>(null);\n\n  // A prompt or confirmation opened for an action the session no longer offers\n  // (it turned terminal, or started stopping) would send a request the server\n  // refuses, so it closes the render the session changes.\n  if (prompt && !offersAction(controls, prompt)) setPrompt(null);\n  if (confirming && !offersAction(controls, confirming.action)) setConfirming(null);\n\n  const perform = ({ action, durationMs }: PendingRequest) => {\n    setConfirming(null);\n    if (action === \"stop\") return onStop();\n    if (durationMs === undefined) throw new Error(`session ${action} was requested without a duration`);\n    if (action === \"extend\") return onExtend(durationMs);\n    return onRestart({ durationMs });\n  };\n  const request = (next: PendingRequest) => (mutating ? setConfirming(next) : perform(next));\n\n  const onRestartClick = () => {\n    const durationMs = sessionParamsDurationMs(session);\n    if (durationMs === undefined) setPrompt(\"restart\");\n    else request({ action: \"restart\", durationMs });\n  };\n\n  if (!controls.stop.visible && !controls.extend.visible && !controls.restart.visible) return null;\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\" data-slot=\"session-header-controls\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {controls.extend.visible && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={controls.extend.disabled}\n            loading={pendingAction === \"extend\"}\n            onClick={() => setPrompt(\"extend\")}\n          >\n            <Icon icon={UiClockCountdown} className=\"size-4\" />\n            Extend\n          </Button>\n        )}\n        {controls.stop.visible && (\n          <Button\n            size=\"sm\"\n            variant=\"destructive\"\n            disabled={controls.stop.disabled}\n            loading={pendingAction === \"stop\"}\n            onClick={() => request({ action: \"stop\" })}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n            Stop\n          </Button>\n        )}\n        {controls.restart.visible && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            loading={pendingAction === \"restart\"}\n            onClick={onRestartClick}\n          >\n            <Icon icon={UiRestart} className=\"size-4\" />\n            Restart\n          </Button>\n        )}\n      </div>\n      {prompt && (\n        <div\n          role=\"group\"\n          aria-label={`${ACTION_LABELS[prompt]} duration`}\n          className=\"flex flex-wrap items-center gap-1 rounded-md border border-border bg-muted/40 p-1 text-xs\"\n        >\n          <span className=\"px-1 text-muted-foreground\">\n            {prompt === \"extend\" ? \"Extend by\" : \"Run for\"}\n          </span>\n          {durationPresetsMs.map((durationMs) => (\n            <Button\n              key={durationMs}\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={() => {\n                setPrompt(null);\n                request({ action: prompt, durationMs });\n              }}\n            >\n              {formatSessionDuration(durationMs)}\n            </Button>\n          ))}\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => setPrompt(null)}>\n            Cancel\n          </Button>\n        </div>\n      )}\n      {confirming &&\n        (renderConfirm ? (\n          renderConfirm({\n            action: confirming.action,\n            session,\n            ...(confirming.durationMs !== undefined ? { durationMs: confirming.durationMs } : {}),\n            confirm: () => perform(confirming),\n            cancel: () => setConfirming(null),\n          })\n        ) : (\n          <DefaultSessionConfirm\n            request={confirming}\n            onConfirm={() => perform(confirming)}\n            onCancel={() => setConfirming(null)}\n          />\n        ))}\n    </div>\n  );\n}\n\nfunction DefaultSessionConfirm({\n  request,\n  onConfirm,\n  onCancel,\n}: {\n  request: PendingRequest;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  const label = ACTION_LABELS[request.action];\n  return (\n    <Modal\n      open\n      onClose={onCancel}\n      size=\"sm\"\n      title={`${label} this session?`}\n      footer={\n        <div className=\"flex justify-end gap-2\">\n          <Button size=\"sm\" variant=\"ghost\" onClick={onCancel}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" variant=\"destructive\" onClick={onConfirm}>\n            {label}\n          </Button>\n        </div>\n      }\n    >\n      <p className=\"text-sm\">\n        This session changes the target's behaviour.\n        {request.durationMs !== undefined &&\n          (request.action === \"extend\"\n            ? ` Its deadline moves ${formatSessionDuration(request.durationMs)} later.`\n            : ` It will run for ${formatSessionDuration(request.durationMs)}.`)}\n      </p>\n    </Modal>\n  );\n}\n"],"names":["sessionControls","useState","sessionParamsDurationMs","jsxs","Button","jsx","Icon","UiClockCountdown","UiStop","UiRestart","Modal","formatSessionDuration"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,gBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,SAAS,aAAa,UAA2B,QAAgC;AAC/E,MAAI,WAAW,UAAW,QAAO,SAAS,QAAQ;AAClD,SAAO,SAAS,MAAM,EAAE,WAAW,CAAC,SAAS,MAAM,EAAE;AACvD;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,WAAWA,mBAAAA,gBAAgB,OAAO;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAsC,IAAI;AACtE,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAgC,IAAI;AAKxE,MAAI,UAAU,CAAC,aAAa,UAAU,MAAM,aAAa,IAAI;AAC7D,MAAI,cAAc,CAAC,aAAa,UAAU,WAAW,MAAM,iBAAiB,IAAI;AAEhF,QAAM,UAAU,CAAC,EAAE,QAAQ,iBAAiC;AAC1D,kBAAc,IAAI;AAClB,QAAI,WAAW,OAAQ,QAAO,OAAA;AAC9B,QAAI,eAAe,OAAW,OAAM,IAAI,MAAM,WAAW,MAAM,mCAAmC;AAClG,QAAI,WAAW,SAAU,QAAO,SAAS,UAAU;AACnD,WAAO,UAAU,EAAE,YAAY;AAAA,EACjC;AACA,QAAM,UAAU,CAAC,SAA0B,WAAW,cAAc,IAAI,IAAI,QAAQ,IAAI;AAExF,QAAM,iBAAiB,MAAM;AAC3B,UAAM,aAAaC,aAAAA,wBAAwB,OAAO;AAClD,QAAI,eAAe,OAAW,WAAU,SAAS;AAAA,QAC5C,SAAQ,EAAE,QAAQ,WAAW,YAAY;AAAA,EAChD;AAEA,MAAI,CAAC,SAAS,KAAK,WAAW,CAAC,SAAS,OAAO,WAAW,CAAC,SAAS,QAAQ,QAAS,QAAO;AAE5F,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,iCAAgC,aAAU,2BACvD,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,MAAA,SAAS,OAAO,WACfA,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,UAAU,SAAS,OAAO;AAAA,UAC1B,SAAS,kBAAkB;AAAA,UAC3B,SAAS,MAAM,UAAU,QAAQ;AAAA,UAEjC,UAAA;AAAA,YAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,iBAAAA,kBAAkB,WAAU,UAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAItD,SAAS,KAAK,WACbJ,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,UAAU,SAAS,KAAK;AAAA,UACxB,SAAS,kBAAkB;AAAA,UAC3B,SAAS,MAAM,QAAQ,EAAE,QAAQ,QAAQ;AAAA,UAEzC,UAAA;AAAA,YAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAME,OAAAA,QAAQ,WAAU,UAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAI5C,SAAS,QAAQ,WAChBL,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,kBAAkB;AAAA,UAC3B,SAAS;AAAA,UAET,UAAA;AAAA,YAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,UAAAA,WAAW,WAAU,UAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAE9C,GAEJ;AAAA,IACC,UACCN,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,cAAc,MAAM,CAAC;AAAA,QACpC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAE,+BAAC,UAAK,WAAU,8BACb,UAAA,WAAW,WAAW,cAAc,WACvC;AAAA,UACC,kBAAkB,IAAI,CAAC,eACtBA,2BAAAA;AAAAA,YAACD,OAAAA;AAAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS,MAAM;AACb,0BAAU,IAAI;AACd,wBAAQ,EAAE,QAAQ,QAAQ,WAAA,CAAY;AAAA,cACxC;AAAA,cAEC,mDAAsB,UAAU;AAAA,YAAA;AAAA,YAR5B;AAAA,UAAA,CAUR;AAAA,UACDC,2BAAAA,IAACD,OAAAA,QAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAM,UAAU,IAAI,GAAG,UAAA,SAAA,CAElE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,eACE,gBACC,cAAc;AAAA,MACZ,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA,GAAI,WAAW,eAAe,SAAY,EAAE,YAAY,WAAW,WAAA,IAAe,CAAA;AAAA,MAClF,SAAS,MAAM,QAAQ,UAAU;AAAA,MACjC,QAAQ,MAAM,cAAc,IAAI;AAAA,IAAA,CACjC,IAEDC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,MAAM,QAAQ,UAAU;AAAA,QACnC,UAAU,MAAM,cAAc,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GAEN;AAEJ;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,cAAc,QAAQ,MAAM;AAC1C,SACEA,2BAAAA;AAAAA,IAACK,MAAAA;AAAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,GAAG,KAAK;AAAA,MACf,QACEP,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAE,2BAAAA,IAACD,OAAAA,UAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,UAAU,UAAA,SAAA,CAErD;AAAA,QACAC,2BAAAA,IAACD,OAAAA,UAAO,MAAK,MAAK,SAAQ,eAAc,SAAS,WAC9C,UAAA,MAAA,CACH;AAAA,MAAA,GACF;AAAA,MAGF,UAAAD,2BAAAA,KAAC,KAAA,EAAE,WAAU,WAAU,UAAA;AAAA,QAAA;AAAA,QAEpB,QAAQ,eAAe,WACrB,QAAQ,WAAW,WAChB,uBAAuBQ,yCAAsB,QAAQ,UAAU,CAAC,YAChE,oBAAoBA,mBAAAA,sBAAsB,QAAQ,UAAU,CAAC;AAAA,MAAA,EAAA,CACrE;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/rpc/SessionHeaderControls.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { SessionInfo } from './sessionTypes';
+import { SessionAction } from './useSession';
+export type SessionConfirmRenderArgs = {
+    action: SessionAction;
+    session: SessionInfo;
+    /** The duration an extend or restart will send; absent for stop. */
+    durationMs?: number;
+    confirm: () => void;
+    cancel: () => void;
+};
+export type SessionHeaderControlsProps = {
+    session: SessionInfo;
+    onStop: () => void;
+    onExtend: (durationMs: number) => void;
+    onRestart: (options: {
+        durationMs: number;
+    }) => void;
+    mutating: boolean;
+    renderConfirm: ((args: SessionConfirmRenderArgs) => ReactNode) | undefined;
+    durationPresetsMs: readonly number[];
+    pendingAction: SessionAction | null;
+};
+export declare function SessionHeaderControls({ session, onStop, onExtend, onRestart, mutating, renderConfirm, durationPresetsMs, pendingAction, }: SessionHeaderControlsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=SessionHeaderControls.d.ts.map

package/dist/rpc/SessionHeaderControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHeaderControls.d.ts","sourceRoot":"","sources":["../../src/rpc/SessionHeaderControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,wBAAwB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;CACrC,CAAC;AAeF,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,aAAa,GACd,EAAE,0BAA0B,sCAgH5B"}

package/dist/rpc/SessionHeaderControls.js

@@ -0,0 +1,161 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../components/button.js";
+import { Icon } from "../data/Icon.js";
+import { Modal } from "../overlay/Modal.js";
+import { sessionControls, formatSessionDuration } from "./sessionHeaderModel.js";
+import { sessionParamsDurationMs } from "./sessionTypes.js";
+import { UiClockCountdown } from "../icons/components/UiClockCountdown.js";
+import { UiStop } from "../icons/components/UiStop.js";
+import { UiRestart } from "../icons/components/UiRestart.js";
+const ACTION_LABELS = {
+  stop: "Stop",
+  extend: "Extend",
+  restart: "Restart"
+};
+function offersAction(controls, action) {
+  if (action === "restart") return controls.restart.visible;
+  return controls[action].visible && !controls[action].disabled;
+}
+function SessionHeaderControls({
+  session,
+  onStop,
+  onExtend,
+  onRestart,
+  mutating,
+  renderConfirm,
+  durationPresetsMs,
+  pendingAction
+}) {
+  const controls = sessionControls(session);
+  const [prompt, setPrompt] = useState(null);
+  const [confirming, setConfirming] = useState(null);
+  if (prompt && !offersAction(controls, prompt)) setPrompt(null);
+  if (confirming && !offersAction(controls, confirming.action)) setConfirming(null);
+  const perform = ({ action, durationMs }) => {
+    setConfirming(null);
+    if (action === "stop") return onStop();
+    if (durationMs === void 0) throw new Error(`session ${action} was requested without a duration`);
+    if (action === "extend") return onExtend(durationMs);
+    return onRestart({ durationMs });
+  };
+  const request = (next) => mutating ? setConfirming(next) : perform(next);
+  const onRestartClick = () => {
+    const durationMs = sessionParamsDurationMs(session);
+    if (durationMs === void 0) setPrompt("restart");
+    else request({ action: "restart", durationMs });
+  };
+  if (!controls.stop.visible && !controls.extend.visible && !controls.restart.visible) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-2", "data-slot": "session-header-controls", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      controls.extend.visible && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: controls.extend.disabled,
+          loading: pendingAction === "extend",
+          onClick: () => setPrompt("extend"),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiClockCountdown, className: "size-4" }),
+            "Extend"
+          ]
+        }
+      ),
+      controls.stop.visible && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "destructive",
+          disabled: controls.stop.disabled,
+          loading: pendingAction === "stop",
+          onClick: () => request({ action: "stop" }),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiStop, className: "size-4" }),
+            "Stop"
+          ]
+        }
+      ),
+      controls.restart.visible && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          loading: pendingAction === "restart",
+          onClick: onRestartClick,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiRestart, className: "size-4" }),
+            "Restart"
+          ]
+        }
+      )
+    ] }),
+    prompt && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-label": `${ACTION_LABELS[prompt]} duration`,
+        className: "flex flex-wrap items-center gap-1 rounded-md border border-border bg-muted/40 p-1 text-xs",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "px-1 text-muted-foreground", children: prompt === "extend" ? "Extend by" : "Run for" }),
+          durationPresetsMs.map((durationMs) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => {
+                setPrompt(null);
+                request({ action: prompt, durationMs });
+              },
+              children: formatSessionDuration(durationMs)
+            },
+            durationMs
+          )),
+          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => setPrompt(null), children: "Cancel" })
+        ]
+      }
+    ),
+    confirming && (renderConfirm ? renderConfirm({
+      action: confirming.action,
+      session,
+      ...confirming.durationMs !== void 0 ? { durationMs: confirming.durationMs } : {},
+      confirm: () => perform(confirming),
+      cancel: () => setConfirming(null)
+    }) : /* @__PURE__ */ jsx(
+      DefaultSessionConfirm,
+      {
+        request: confirming,
+        onConfirm: () => perform(confirming),
+        onCancel: () => setConfirming(null)
+      }
+    ))
+  ] });
+}
+function DefaultSessionConfirm({
+  request,
+  onConfirm,
+  onCancel
+}) {
+  const label = ACTION_LABELS[request.action];
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open: true,
+      onClose: onCancel,
+      size: "sm",
+      title: `${label} this session?`,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "destructive", onClick: onConfirm, children: label })
+      ] }),
+      children: /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+        "This session changes the target's behaviour.",
+        request.durationMs !== void 0 && (request.action === "extend" ? ` Its deadline moves ${formatSessionDuration(request.durationMs)} later.` : ` It will run for ${formatSessionDuration(request.durationMs)}.`)
+      ] })
+    }
+  );
+}
+export {
+  SessionHeaderControls
+};
+//# sourceMappingURL=SessionHeaderControls.js.map