@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/fixtures/home-automations-demo.js

@@ -0,0 +1,384 @@
+import { AutomationRunStatus as e } from "../types/automation.js";
+import "../hooks/query/use-latest-automation-runs.js";
+//#region src/fixtures/home-automations-demo.ts
+var t = 20, n = [
+	e.COMPLETED,
+	e.COMPLETED,
+	e.FAILED,
+	e.COMPLETED,
+	e.CANCELLED,
+	e.COMPLETED,
+	e.COMPLETED,
+	e.FAILED,
+	e.COMPLETED,
+	e.SKIPPED,
+	e.COMPLETED
+];
+function r(e) {
+	return (/* @__PURE__ */ new Date(Date.now() - e * 36e5)).toISOString();
+}
+function i(e, t, n) {
+	return {
+		id: e,
+		name: t,
+		trigger: n,
+		enabled: !0,
+		created_at: r(720),
+		updated_at: r(24),
+		prompt: "demo"
+	};
+}
+function a(e, t, n = {}) {
+	let i = n.startedHoursAgo ?? 2, a = n.completedHoursAgo === void 0 ? 1 : n.completedHoursAgo;
+	return {
+		id: e,
+		status: t,
+		conversation_id: n.conversationId === void 0 ? null : n.conversationId,
+		bash_command_id: null,
+		error_detail: n.errorDetail === void 0 ? null : n.errorDetail,
+		started_at: r(i),
+		completed_at: a === null ? null : r(a)
+	};
+}
+function o(t) {
+	if (!t) return [];
+	let r = [
+		2,
+		8,
+		45,
+		3,
+		15,
+		1,
+		25,
+		90,
+		5,
+		12,
+		6
+	];
+	return [t, ...n.slice(0, 11).map((n, i) => {
+		let o = 24 + i * 6, s = (r[i] ?? 5) / 60;
+		return a(`${t.id}-hist-${i}`, n, {
+			startedHoursAgo: o,
+			completedHoursAgo: o - s,
+			conversationId: null,
+			errorDetail: n === e.FAILED ? "Prior failure" : null
+		});
+	})];
+}
+function s(e) {
+	return {
+		...e,
+		recentRuns: e.recentRuns ?? o(e.latestRun)
+	};
+}
+var c = [
+	{
+		pin: !0,
+		automation: i("demo-pin-loading", "Card: loading skeleton", {
+			type: "cron",
+			schedule: "0 * * * *",
+			schedule_human: "Every hour"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !0,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-error", "Card: status unavailable", {
+			type: "cron",
+			schedule: "0 9 * * *",
+			schedule_human: "Daily at 9am"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !1,
+			isError: !0
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-no-runs", "Card: no runs yet", {
+			type: "event",
+			source: "github",
+			on: "pull_request.opened"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-failed-detail", "Card: failed with error detail", {
+			type: "cron",
+			schedule: "*/15 * * * *",
+			schedule_human: "Every 15 min"
+		}),
+		runState: {
+			latestRun: a("run-failed-detail", e.FAILED, {
+				errorDetail: "Sandbox provisioning timed out after 120s while waiting for the runtime to become ready.",
+				startedHoursAgo: 3,
+				completedHoursAgo: 2.5
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-completed-title", "Card: completed + conversation title", {
+			type: "event",
+			source: "github",
+			on: "push"
+		}),
+		runState: {
+			latestRun: a("run-completed-title", e.COMPLETED, {
+				conversationId: "demo-conv-titled",
+				startedHoursAgo: 5,
+				completedHoursAgo: 4
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-completed-untitled", "Card: completed + conversation title", {
+			type: "cron",
+			schedule: "0 0 * * 1",
+			schedule_human: "Mondays at midnight"
+		}),
+		runState: {
+			latestRun: a("run-completed-untitled", e.COMPLETED, {
+				conversationId: "demo-conv-untitled",
+				startedHoursAgo: 8,
+				completedHoursAgo: 7
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-completed-no-conv", "Card: completed, no conversation", {
+			type: "cron",
+			schedule: "0 12 * * *",
+			schedule_human: "Daily at noon"
+		}),
+		runState: {
+			latestRun: a("run-completed-no-conv", e.COMPLETED, {
+				conversationId: null,
+				startedHoursAgo: 10,
+				completedHoursAgo: 9
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-failed-no-conv", "Card: failed, no conversation", {
+			type: "event",
+			source: "slack",
+			on: "message"
+		}),
+		runState: {
+			latestRun: a("run-failed-no-conv", e.FAILED, {
+				conversationId: null,
+				errorDetail: null,
+				startedHoursAgo: 12,
+				completedHoursAgo: 11
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-pending", "Card: pending (empty result panel)", {
+			type: "cron",
+			schedule: "0 */6 * * *",
+			schedule_human: "Every 6 hours"
+		}),
+		runState: {
+			latestRun: a("run-pending", e.PENDING, {
+				conversationId: null,
+				startedHoursAgo: .1,
+				completedHoursAgo: null
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		pin: !0,
+		automation: i("demo-pin-running", "Card: running (empty result panel)", {
+			type: "event",
+			source: "github",
+			on: "issues.opened"
+		}),
+		runState: {
+			latestRun: a("run-running", e.RUNNING, {
+				conversationId: null,
+				startedHoursAgo: .25,
+				completedHoursAgo: null
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-cancelled", "List: cancelled run", {
+			type: "cron",
+			schedule: "30 2 * * *",
+			schedule_human: "Daily at 2:30am"
+		}),
+		runState: {
+			latestRun: a("run-cancelled", e.CANCELLED, {
+				startedHoursAgo: 14,
+				completedHoursAgo: 13
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-skipped", "List: skipped run", {
+			type: "event",
+			source: "github",
+			on: "pull_request.synchronize"
+		}),
+		runState: {
+			latestRun: a("run-skipped", e.SKIPPED, {
+				startedHoursAgo: 16,
+				completedHoursAgo: 16
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-running-2", "List: second in-flight run", {
+			type: "cron",
+			schedule: "*/5 * * * *",
+			schedule_human: "Every 5 min"
+		}),
+		runState: {
+			latestRun: a("run-running-2", e.RUNNING, {
+				conversationId: null,
+				startedHoursAgo: .5,
+				completedHoursAgo: null
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-success-old", "List: older success", {
+			type: "cron",
+			schedule: "0 8 * * 1-5",
+			schedule_human: "Weekdays at 8am"
+		}),
+		runState: {
+			latestRun: a("run-success-old", e.COMPLETED, {
+				conversationId: "demo-conv-titled",
+				startedHoursAgo: 48,
+				completedHoursAgo: 47
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-failed-old", "List: older failure", {
+			type: "event",
+			source: "github",
+			on: "release.published"
+		}),
+		runState: {
+			latestRun: a("run-failed-old", e.FAILED, {
+				errorDetail: "Model returned an empty completion.",
+				startedHoursAgo: 72,
+				completedHoursAgo: 71
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-no-runs-2", "List: never ran", {
+			type: "cron",
+			schedule: "0 0 1 * *",
+			schedule_human: "Monthly on the 1st"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-loading-2", "List: loading status", {
+			type: "event",
+			source: "linear",
+			on: "Issue.create"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !0,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-error-2", "List: fetch error", {
+			type: "cron",
+			schedule: "15 * * * *",
+			schedule_human: "Hourly at :15"
+		}),
+		runState: {
+			latestRun: null,
+			isLoading: !1,
+			isError: !0
+		}
+	},
+	{
+		automation: i("demo-list-pending-2", "List: pending, long name that should truncate in the activity row when the viewport is narrow", {
+			type: "cron",
+			schedule: "0 3 * * 0",
+			schedule_human: "Sundays at 3am"
+		}),
+		runState: {
+			latestRun: a("run-pending-2", e.PENDING, {
+				startedHoursAgo: .05,
+				completedHoursAgo: null
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	},
+	{
+		automation: i("demo-list-completed-fallback", "List: completed with conversation", {
+			type: "event",
+			source: "github",
+			on: "workflow_run.completed"
+		}),
+		runState: {
+			latestRun: a("run-completed-fallback", e.COMPLETED, {
+				conversationId: "demo-conv-untitled",
+				startedHoursAgo: 20,
+				completedHoursAgo: 19
+			}),
+			isLoading: !1,
+			isError: !1
+		}
+	}
+];
+if (c.length !== t) throw Error(`home-automations-demo: expected ${t} specs, got ${c.length}`);
+c.filter((e) => e.pin).map((e) => e.automation.id), c.map((e) => e.automation), new Map(c.map((e) => [e.automation.id, s(e.runState)]));
+//#endregion
+
+//# sourceMappingURL=home-automations-demo.js.map

package/dist/fixtures/home-automations-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-automations-demo.js","names":[],"sources":["../../src/fixtures/home-automations-demo.ts"],"sourcesContent":["import {\n  AUTOMATION_RUN_ACTIVITY_LIMIT,\n  type LatestAutomationRunState,\n} from \"#/hooks/query/use-latest-automation-runs\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\n\n/** Must stay equal to `MAX_HOME_AUTOMATION_CHIPS` in use-home-automations. */\nconst DEMO_LIST_LENGTH = 20;\n\nconst DEMO_HISTORY_PATTERN: AutomationRunStatus[] = [\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.FAILED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.CANCELLED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.FAILED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.SKIPPED,\n  AutomationRunStatus.COMPLETED,\n];\n\n/**\n * Local preview of every pinned-card + activity-list state.\n *\n * Enable with either:\n * - `HOME_AUTOMATIONS_FORCE_DEMO = true` below\n * - `VITE_HOME_AUTOMATIONS_DEMO=true`\n */\nexport const HOME_AUTOMATIONS_FORCE_DEMO = false;\n\nexport const HOME_AUTOMATIONS_DEMO_KEY = \"oh:home-automations-demo\";\n\nexport function isHomeAutomationsDemoEnabled(): boolean {\n  if (HOME_AUTOMATIONS_FORCE_DEMO) return true;\n  return import.meta.env.VITE_HOME_AUTOMATIONS_DEMO === \"true\";\n}\n\nconst DEMO_CONVERSATION_TITLES: Record<string, string | null> = {\n  \"demo-conv-titled\": \"Fix flaky CI on main\",\n  \"demo-conv-untitled\": \"Summarize open pull requests\",\n};\n\n/** Returns a demo conversation title, or `undefined` if not a demo id. */\nexport function getDemoConversationTitle(\n  conversationId: string,\n): string | null | undefined {\n  if (!(conversationId in DEMO_CONVERSATION_TITLES)) return undefined;\n  return DEMO_CONVERSATION_TITLES[conversationId];\n}\n\nfunction hoursAgo(hours: number): string {\n  return new Date(Date.now() - hours * 3_600_000).toISOString();\n}\n\nfunction makeAutomation(\n  id: string,\n  name: string,\n  trigger: Automation[\"trigger\"],\n): Automation {\n  return {\n    id,\n    name,\n    trigger,\n    enabled: true,\n    created_at: hoursAgo(720),\n    updated_at: hoursAgo(24),\n    prompt: \"demo\",\n  };\n}\n\nfunction makeRun(\n  id: string,\n  status: AutomationRunStatus,\n  options: {\n    conversationId?: string | null;\n    errorDetail?: string | null;\n    startedHoursAgo?: number;\n    completedHoursAgo?: number | null;\n  } = {},\n): AutomationRun {\n  const startedHoursAgo = options.startedHoursAgo ?? 2;\n  const completedHoursAgo =\n    options.completedHoursAgo === undefined ? 1 : options.completedHoursAgo;\n  return {\n    id,\n    status,\n    conversation_id:\n      options.conversationId === undefined ? null : options.conversationId,\n    bash_command_id: null,\n    error_detail:\n      options.errorDetail === undefined ? null : options.errorDetail,\n    started_at: hoursAgo(startedHoursAgo),\n    completed_at:\n      completedHoursAgo === null ? null : hoursAgo(completedHoursAgo),\n  };\n}\n\ntype DemoRunStateInput = Omit<LatestAutomationRunState, \"recentRuns\"> & {\n  recentRuns?: AutomationRun[];\n};\n\ntype DemoSpec = {\n  automation: Automation;\n  runState: DemoRunStateInput;\n  /** When true, this automation is pinned in the dashboard. */\n  pin?: boolean;\n};\n\nfunction buildDemoRecentRuns(latestRun: AutomationRun | null): AutomationRun[] {\n  if (!latestRun) return [];\n  // Varied durations (minutes) so sparkline bar heights differ in demo mode.\n  const durationMinutes = [2, 8, 45, 3, 15, 1, 25, 90, 5, 12, 6];\n  const older = DEMO_HISTORY_PATTERN.slice(\n    0,\n    AUTOMATION_RUN_ACTIVITY_LIMIT - 1,\n  ).map((status, index) => {\n    const startedHoursAgo = 24 + index * 6;\n    const durationHours = (durationMinutes[index] ?? 5) / 60;\n    return makeRun(`${latestRun.id}-hist-${index}`, status, {\n      startedHoursAgo,\n      completedHoursAgo: startedHoursAgo - durationHours,\n      conversationId: null,\n      errorDetail:\n        status === AutomationRunStatus.FAILED ? \"Prior failure\" : null,\n    });\n  });\n  return [latestRun, ...older];\n}\n\nfunction toDemoRunState(state: DemoRunStateInput): LatestAutomationRunState {\n  return {\n    ...state,\n    recentRuns: state.recentRuns ?? buildDemoRecentRuns(state.latestRun),\n  };\n}\n\n/**\n * Explicit card states first (pinned), then fillers to hit\n * DEMO_LIST_LENGTH for list-length stress.\n */\nconst DEMO_SPECS: DemoSpec[] = [\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-loading\", \"Card: loading skeleton\", {\n      type: \"cron\",\n      schedule: \"0 * * * *\",\n      schedule_human: \"Every hour\",\n    }),\n    runState: { latestRun: null, isLoading: true, isError: false },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-error\", \"Card: status unavailable\", {\n      type: \"cron\",\n      schedule: \"0 9 * * *\",\n      schedule_human: \"Daily at 9am\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: true },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-no-runs\", \"Card: no runs yet\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"pull_request.opened\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: false },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-failed-detail\",\n      \"Card: failed with error detail\",\n      {\n        type: \"cron\",\n        schedule: \"*/15 * * * *\",\n        schedule_human: \"Every 15 min\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-failed-detail\", AutomationRunStatus.FAILED, {\n        errorDetail:\n          \"Sandbox provisioning timed out after 120s while waiting for the runtime to become ready.\",\n        startedHoursAgo: 3,\n        completedHoursAgo: 2.5,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-title\",\n      \"Card: completed + conversation title\",\n      { type: \"event\", source: \"github\", on: \"push\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-completed-title\", AutomationRunStatus.COMPLETED, {\n        conversationId: \"demo-conv-titled\",\n        startedHoursAgo: 5,\n        completedHoursAgo: 4,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-untitled\",\n      \"Card: completed + conversation title\",\n      {\n        type: \"cron\",\n        schedule: \"0 0 * * 1\",\n        schedule_human: \"Mondays at midnight\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-untitled\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: \"demo-conv-untitled\",\n          startedHoursAgo: 8,\n          completedHoursAgo: 7,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-no-conv\",\n      \"Card: completed, no conversation\",\n      { type: \"cron\", schedule: \"0 12 * * *\", schedule_human: \"Daily at noon\" },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-no-conv\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: null,\n          startedHoursAgo: 10,\n          completedHoursAgo: 9,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-failed-no-conv\",\n      \"Card: failed, no conversation\",\n      { type: \"event\", source: \"slack\", on: \"message\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-failed-no-conv\", AutomationRunStatus.FAILED, {\n        conversationId: null,\n        errorDetail: null,\n        startedHoursAgo: 12,\n        completedHoursAgo: 11,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-pending\",\n      \"Card: pending (empty result panel)\",\n      {\n        type: \"cron\",\n        schedule: \"0 */6 * * *\",\n        schedule_human: \"Every 6 hours\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-pending\", AutomationRunStatus.PENDING, {\n        conversationId: null,\n        startedHoursAgo: 0.1,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-running\",\n      \"Card: running (empty result panel)\",\n      { type: \"event\", source: \"github\", on: \"issues.opened\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-running\", AutomationRunStatus.RUNNING, {\n        // No conversation yet — status strip shows the \"Running\" label.\n        conversationId: null,\n        startedHoursAgo: 0.25,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  // Remaining rows fill the list to MAX_HOME_AUTOMATION_CHIPS.\n  {\n    automation: makeAutomation(\"demo-list-cancelled\", \"List: cancelled run\", {\n      type: \"cron\",\n      schedule: \"30 2 * * *\",\n      schedule_human: \"Daily at 2:30am\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-cancelled\", AutomationRunStatus.CANCELLED, {\n        startedHoursAgo: 14,\n        completedHoursAgo: 13,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-skipped\", \"List: skipped run\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"pull_request.synchronize\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-skipped\", AutomationRunStatus.SKIPPED, {\n        startedHoursAgo: 16,\n        completedHoursAgo: 16,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-running-2\",\n      \"List: second in-flight run\",\n      { type: \"cron\", schedule: \"*/5 * * * *\", schedule_human: \"Every 5 min\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-running-2\", AutomationRunStatus.RUNNING, {\n        conversationId: null,\n        startedHoursAgo: 0.5,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-success-old\", \"List: older success\", {\n      type: \"cron\",\n      schedule: \"0 8 * * 1-5\",\n      schedule_human: \"Weekdays at 8am\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-success-old\", AutomationRunStatus.COMPLETED, {\n        conversationId: \"demo-conv-titled\",\n        startedHoursAgo: 48,\n        completedHoursAgo: 47,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-failed-old\", \"List: older failure\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"release.published\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-failed-old\", AutomationRunStatus.FAILED, {\n        errorDetail: \"Model returned an empty completion.\",\n        startedHoursAgo: 72,\n        completedHoursAgo: 71,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-no-runs-2\", \"List: never ran\", {\n      type: \"cron\",\n      schedule: \"0 0 1 * *\",\n      schedule_human: \"Monthly on the 1st\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: false },\n  },\n  {\n    automation: makeAutomation(\"demo-list-loading-2\", \"List: loading status\", {\n      type: \"event\",\n      source: \"linear\",\n      on: \"Issue.create\",\n    }),\n    runState: { latestRun: null, isLoading: true, isError: false },\n  },\n  {\n    automation: makeAutomation(\"demo-list-error-2\", \"List: fetch error\", {\n      type: \"cron\",\n      schedule: \"15 * * * *\",\n      schedule_human: \"Hourly at :15\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: true },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-pending-2\",\n      \"List: pending, long name that should truncate in the activity row when the viewport is narrow\",\n      { type: \"cron\", schedule: \"0 3 * * 0\", schedule_human: \"Sundays at 3am\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-pending-2\", AutomationRunStatus.PENDING, {\n        startedHoursAgo: 0.05,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-completed-fallback\",\n      \"List: completed with conversation\",\n      { type: \"event\", source: \"github\", on: \"workflow_run.completed\" },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-fallback\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: \"demo-conv-untitled\",\n          startedHoursAgo: 20,\n          completedHoursAgo: 19,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n];\n\nif (DEMO_SPECS.length !== DEMO_LIST_LENGTH) {\n  throw new Error(\n    `home-automations-demo: expected ${DEMO_LIST_LENGTH} specs, got ${DEMO_SPECS.length}`,\n  );\n}\n\nexport const HOME_AUTOMATIONS_DEMO_PINNED_IDS: string[] = DEMO_SPECS.filter(\n  (spec) => spec.pin,\n).map((spec) => spec.automation.id);\n\nexport const HOME_AUTOMATIONS_DEMO_AUTOMATIONS: Automation[] = DEMO_SPECS.map(\n  (spec) => spec.automation,\n);\n\nexport const HOME_AUTOMATIONS_DEMO_RUN_STATES: Map<\n  string,\n  LatestAutomationRunState\n> = new Map(\n  DEMO_SPECS.map(\n    (spec) => [spec.automation.id, toDemoRunState(spec.runState)] as const,\n  ),\n);\n"],"mappings":"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"}

package/dist/hooks/chat/use-slash-command.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/constants.cjs"),t=require("../../contexts/active-backend-context.cjs"),n=require("../../utils/format-model-name.cjs"),r=require("../query/use-conversation-skills.cjs"),i=require("../query/use-llm-profiles.cjs");let a=require("react");function o(e){let t=window.getSelection();if(!t||t.rangeCount===0)return-1;let n=t.getRangeAt(0),r=n.cloneRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}var s=s=>{let{data:c,isLoading:l}=r.useConversationSkills(),u=t.useActiveBackend().backend.kind===`cloud`,{data:d,isLoading:f}=i.useLlmProfiles(),[p,m]=(0,a.useState)(!1),[h,g]=(0,a.useState)(``),[_,v]=(0,a.useState)(`command`),[y,b]=(0,a.useState)(0),x=(0,a.useMemo)(()=>{let t=e.BUILT_IN_COMMANDS.filter(e=>e.command===`/new`?u:!0);return l||!c||c.forEach(e=>{let n=(e.triggers||[]).filter(e=>e.startsWith(`/`));n.length>0?n.forEach(n=>{t.push({skill:e,command:n})}):e.type===`agentskills`&&t.push({skill:e,command:`/${e.name}`})}),t},[c,l,u]),S=(0,a.useMemo)(()=>(d?.profiles??[]).map(t=>{let r=`${e.MODEL_COMMAND} ${t.name}`;return{command:r,skill:{name:t.name,type:`agentskills`,content:t.model?`Switch to ${n.formatModelNameForDisplay(t.model)}`:`Switch to this LLM profile`,triggers:[r]}}}),[d?.profiles]),C=(0,a.useMemo)(()=>{let e=_===`model-profile`?S:x;if(!h)return e;let t=h.toLowerCase();return e.filter(e=>e.command.toLowerCase().includes(t)||e.skill.name.toLowerCase().includes(t)||e.skill.content?.toLowerCase().includes(t))},[_,S,x,h]),w=(0,a.useRef)(p);w.current=p;let T=(0,a.useRef)(C);T.current=C;let E=(0,a.useRef)(y);E.current=y,(0,a.useEffect)(()=>{b(0)},[h]);let D=(0,a.useRef)(null),O=(0,a.useCallback)(()=>{let e=s.current;if(!e)return null;let t=(e.innerText||``).replace(/[\n\r]+$/,``),n=o(e);if(n<0)return null;let r=t.slice(0,n),i=r.match(/(^|\s)(\/model(?:\s+\S*)?)$/);if(i){let e=i[2],a=r.length-e.length,o=t.slice(n).match(/^\S*/),s=n+(o?o[0].length:0);return{kind:`model-profile`,text:e.replace(/^\/model(?:\s+)?/,``),start:a,end:s}}let a=r.match(/(^|\s)(\/\S*)$/);if(!a)return null;let c=a[2],l=r.length-c.length,u=t.slice(n).match(/^\S*/),d=n+(u?u[0].length:0);return{kind:`command`,text:c.slice(1),start:l,end:d}},[s]),k=(0,a.useCallback)(()=>{let e=O(),t=e?.kind===`model-profile`?S.length>0||f:x.length>0;e!==null&&t?(v(e.kind),g(e.text),D.current={start:e.start,end:e.end},m(!0)):(m(!1),g(``),v(`command`),D.current=null)},[O,f,S.length,x.length]),A=(0,a.useCallback)(e=>{let t=s.current;if(!t)return;let n=D.current,r=(t.innerText||``).replace(/[\n\r]+$/,``),i=`${e.command} `;if(n){t.textContent=r.slice(0,n.start)+i+r.slice(n.end);let e=n.start+i.length,a=t.firstChild;if(a){let t=document.createRange(),n=window.getSelection(),r=Math.min(e,a.textContent.length);t.setStart(a,r),t.collapse(!0),n?.removeAllRanges(),n?.addRange(t)}}else{t.textContent=i;let e=document.createRange(),n=window.getSelection();e.selectNodeContents(t),e.collapse(!1),n?.removeAllRanges(),n?.addRange(e)}m(!1),g(``),v(`command`),b(0),D.current=null,t.dispatchEvent(new InputEvent(`input`,{bubbles:!0})),t.focus()},[s]);return{isMenuOpen:p,filteredItems:C,selectedIndex:y,updateSlashMenu:k,selectItem:A,handleSlashKeyDown:(0,a.useCallback)(e=>{let t=T.current;if(!w.current||t.length===0)return!1;switch(e.key){case`ArrowDown`:return e.preventDefault(),b(e=>e<t.length-1?e+1:0),!0;case`ArrowUp`:return e.preventDefault(),b(e=>e>0?e-1:t.length-1),!0;case`Enter`:case`Tab`:{let n=t[E.current];return n?(e.preventDefault(),A(n),!0):!1}case`Escape`:return e.preventDefault(),m(!1),!0;case`ArrowLeft`:case`ArrowRight`:case`Home`:case`End`:return m(!1),!1;default:return!1}},[A]),closeMenu:(0,a.useCallback)(()=>m(!1),[])}};exports.useSlashCommand=s;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/constants.cjs"),t=require("../../contexts/active-backend-context.cjs"),n=require("../../utils/format-model-name.cjs"),r=require("../query/use-conversation-skills.cjs"),i=require("../query/use-llm-profiles.cjs");let a=require("react");function o(e){let t=window.getSelection();if(!t||t.rangeCount===0)return-1;let n=t.getRangeAt(0),r=n.cloneRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}var s=s=>{let{data:c,isLoading:l}=r.useConversationSkills(),u=t.useActiveBackend().backend.kind===`cloud`,{data:d,isLoading:f}=i.useLlmProfiles(),[p,m]=(0,a.useState)(!1),[h,g]=(0,a.useState)(``),[_,v]=(0,a.useState)(`command`),[y,b]=(0,a.useState)(0),x=(0,a.useMemo)(()=>{let t=e.BUILT_IN_COMMANDS.filter(e=>e.command===`/new`?u:!0);return l||!c||c.forEach(e=>{let n=(e.triggers||[]).filter(e=>e.startsWith(`/`));n.length>0?n.forEach(n=>{t.push({skill:e,command:n})}):e.type===`agentskills`&&t.push({skill:e,command:`/${e.name}`})}),t},[c,l,u]),S=(0,a.useMemo)(()=>(d?.profiles??[]).map(t=>{let r=`${e.MODEL_COMMAND} ${t.name}`;return{command:r,skill:{name:t.name,type:`agentskills`,source:null,content:t.model?`Switch to ${n.formatModelNameForDisplay(t.model)}`:`Switch to this LLM profile`,triggers:[r]}}}),[d?.profiles]),C=(0,a.useMemo)(()=>{let e=_===`model-profile`?S:x;if(!h)return e;let t=h.toLowerCase();return e.filter(e=>e.command.toLowerCase().includes(t)||e.skill.name.toLowerCase().includes(t)||e.skill.content?.toLowerCase().includes(t))},[_,S,x,h]),w=(0,a.useRef)(p);w.current=p;let T=(0,a.useRef)(C);T.current=C;let E=(0,a.useRef)(y);E.current=y,(0,a.useEffect)(()=>{b(0)},[h]);let D=(0,a.useRef)(null),O=(0,a.useCallback)(()=>{let e=s.current;if(!e)return null;let t=(e.innerText||``).replace(/[\n\r]+$/,``),n=o(e);if(n<0)return null;let r=t.slice(0,n),i=r.match(/(^|\s)(\/model(?:\s+\S*)?)$/);if(i){let e=i[2],a=r.length-e.length,o=t.slice(n).match(/^\S*/),s=n+(o?o[0].length:0);return{kind:`model-profile`,text:e.replace(/^\/model(?:\s+)?/,``),start:a,end:s}}let a=r.match(/(^|\s)(\/\S*)$/);if(!a)return null;let c=a[2],l=r.length-c.length,u=t.slice(n).match(/^\S*/),d=n+(u?u[0].length:0);return{kind:`command`,text:c.slice(1),start:l,end:d}},[s]),k=(0,a.useCallback)(()=>{let e=O(),t=e?.kind===`model-profile`?S.length>0||f:x.length>0;e!==null&&t?(v(e.kind),g(e.text),D.current={start:e.start,end:e.end},m(!0)):(m(!1),g(``),v(`command`),D.current=null)},[O,f,S.length,x.length]),A=(0,a.useCallback)(e=>{let t=s.current;if(!t)return;let n=D.current,r=(t.innerText||``).replace(/[\n\r]+$/,``),i=`${e.command} `;if(n){t.textContent=r.slice(0,n.start)+i+r.slice(n.end);let e=n.start+i.length,a=t.firstChild;if(a){let t=document.createRange(),n=window.getSelection(),r=Math.min(e,a.textContent.length);t.setStart(a,r),t.collapse(!0),n?.removeAllRanges(),n?.addRange(t)}}else{t.textContent=i;let e=document.createRange(),n=window.getSelection();e.selectNodeContents(t),e.collapse(!1),n?.removeAllRanges(),n?.addRange(e)}m(!1),g(``),v(`command`),b(0),D.current=null,t.dispatchEvent(new InputEvent(`input`,{bubbles:!0})),t.focus()},[s]);return{isMenuOpen:p,filteredItems:C,selectedIndex:y,updateSlashMenu:k,selectItem:A,handleSlashKeyDown:(0,a.useCallback)(e=>{let t=T.current;if(!w.current||t.length===0)return!1;switch(e.key){case`ArrowDown`:return e.preventDefault(),b(e=>e<t.length-1?e+1:0),!0;case`ArrowUp`:return e.preventDefault(),b(e=>e>0?e-1:t.length-1),!0;case`Enter`:case`Tab`:{let n=t[E.current];return n?(e.preventDefault(),A(n),!0):!1}case`Escape`:return e.preventDefault(),m(!1),!0;case`ArrowLeft`:case`ArrowRight`:case`Home`:case`End`:return m(!1),!1;default:return!1}},[A]),closeMenu:(0,a.useCallback)(()=>m(!1),[])}};exports.useSlashCommand=s;
 //# sourceMappingURL=use-slash-command.cjs.map

package/dist/hooks/chat/use-slash-command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-slash-command.cjs","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${formatModelNameForDisplay(profile.model)}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-slash-command.cjs","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nexport type SlashCommandSkill = SkillInfo;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          source: null,\n          content: profile.model\n            ? `Switch to ${formatModelNameForDisplay(profile.model)}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/chat/use-slash-command.d.ts

@@ -1,6 +1,5 @@
 import { SkillInfo } from "#/types/settings";
-import { Microagent } from "#/api/open-hands.types";
-export type SlashCommandSkill = SkillInfo | Microagent;
+export type SlashCommandSkill = SkillInfo;
 export interface SlashCommandItem {
     skill: SlashCommandSkill;
     /** The slash command string, e.g. "/random-number" */

package/dist/hooks/chat/use-slash-command.js

@@ -37,6 +37,7 @@ var f = (f) => {
 			skill: {
 				name: e.name,
 				type: "agentskills",
+				source: null,
 				content: e.model ? `Switch to ${r(e.model)}` : "Switch to this LLM profile",
 				triggers: [n]
 			}

package/dist/hooks/chat/use-slash-command.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-slash-command.js","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${formatModelNameForDisplay(profile.model)}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-slash-command.js","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nexport type SlashCommandSkill = SkillInfo;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          source: null,\n          content: profile.model\n            ? `Switch to ${formatModelNameForDisplay(profile.model)}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}