@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/analytics/SandboxAnalyticsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxAnalyticsSection.js","names":[],"sources":["../../../src/components/analytics/SandboxAnalyticsSection.tsx"],"sourcesContent":["import { Activity, Box, Cpu, MemoryStick, TimerOff, TrendingUp, XCircle } from 'lucide-react';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetSandboxStatsQuery,\n  useGetRecentSandboxActivityQuery,\n  type GetRecentSandboxActivityQuery,\n} from '@/generated/wspace-operations';\n\ntype SandboxStats = {\n  activeSandboxes: number;\n  expiredCount: number;\n  failedCount: number;\n  provisioningNow: number;\n  runningNow: number;\n  stoppedNow: number;\n  totalCpuUsed: string;\n  totalCreated: number;\n  totalDeleted: number;\n  totalMemoryUsed: string;\n};\n\ninterface SandboxActivityItem {\n  id: string;\n  action: string;\n  actorId: string;\n  sandboxId?: string | null;\n  sandboxName: string;\n  status: string;\n  createdAt: string;\n}\n\ninterface StatCardProps {\n  icon: React.ReactNode;\n  label: string;\n  value: string | number;\n  subtext?: string;\n  accent?: string;\n}\n\nfunction StatCard({ icon, label, value, subtext, accent = 'text-text-primary' }: StatCardProps) {\n  return (\n    <div className=\"rounded-lg border border-border-default bg-bg-surface p-5 transition-shadow hover:shadow-sm\">\n      <div className=\"flex items-start justify-between\">\n        <div>\n          <p className=\"text-sm font-medium text-text-secondary\">{label}</p>\n          <p className={`mt-1 text-3xl font-bold ${accent}`}>{value}</p>\n          {subtext ? <p className=\"mt-1 text-xs text-text-tertiary\">{subtext}</p> : null}\n        </div>\n        <div className=\"rounded-lg bg-bg-sunken p-2.5\">{icon}</div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * SandboxAnalyticsSection\n *\n * Sandbox infrastructure metrics rendered inside the VibeControls analytics\n * page. Mirrors the previous Sandbox > Admin tab (now removed) so all\n * analytics live under /vibecontrols/analytics.\n */\nexport function SandboxAnalyticsSection() {\n  const tr = useTr();\n  const { workspaceId } = useVibeControls();\n\n  const { data: statsData, loading: statsLoading } = useGetSandboxStatsQuery({\n    variables: { context: { workspaceId } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const { data: activityData } = useGetRecentSandboxActivityQuery({\n    variables: { context: { workspaceId }, limit: 10 },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const stats = statsData?.getSandboxStats;\n  const recentActivity: NonNullable<\n    GetRecentSandboxActivityQuery['getRecentSandboxActivity']\n  >['items'] = activityData?.getRecentSandboxActivity?.items ?? [];\n\n  if (!workspaceId) {\n    return <div className=\"text-sm text-text-secondary\">Waiting for workspace context…</div>;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          icon={<Box size={20} className=\"text-status-success-text\" />}\n          label={tr('vibecontrols.analytics.sandbox.running', 'Running')}\n          value={stats?.runningNow ?? (statsLoading ? '…' : 0)}\n          subtext={`${stats?.provisioningNow ?? 0} provisioning`}\n          accent=\"text-status-success-text\"\n        />\n        <StatCard\n          icon={<TrendingUp size={20} className=\"text-status-info-text\" />}\n          label={tr('vibecontrols.analytics.sandbox.totalCreated', 'Total Created')}\n          value={stats?.totalCreated ?? (statsLoading ? '…' : 0)}\n          subtext={`${stats?.activeSandboxes ?? 0} active`}\n          accent=\"text-status-info-text\"\n        />\n        <StatCard\n          icon={<TimerOff size={20} className=\"text-text-tertiary\" />}\n          label={tr('vibecontrols.analytics.sandbox.expired', 'Expired')}\n          value={stats?.expiredCount ?? (statsLoading ? '…' : 0)}\n          subtext=\"TTL reached\"\n        />\n        <StatCard\n          icon={<XCircle size={20} className=\"text-status-error-text\" />}\n          label={tr('vibecontrols.analytics.sandbox.failed', 'Failed')}\n          value={stats?.failedCount ?? (statsLoading ? '…' : 0)}\n          subtext=\"Requires attention\"\n          accent=\"text-status-error-text\"\n        />\n      </div>\n\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-6\">\n        <h3 className=\"mb-5 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <span className=\"rounded-lg bg-bg-sunken p-1.5\">\n            <Cpu size={16} className=\"text-status-info-text\" />\n          </span>\n          {tr('vibecontrols.analytics.sandbox.resourceUtilization', 'Resource Utilization')}\n        </h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\">\n            <div className=\"mb-1 flex items-center gap-2 text-sm text-text-secondary\">\n              <Cpu size={14} className=\"text-status-info-text\" />\n              <span className=\"font-medium\">\n                {tr('vibecontrols.analytics.sandbox.totalCpuUsed', 'Total CPU Used')}\n              </span>\n            </div>\n            <p className=\"font-mono text-2xl font-bold text-status-info-text\">\n              {stats?.totalCpuUsed ?? '0'}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\">\n            <div className=\"mb-1 flex items-center gap-2 text-sm text-text-secondary\">\n              <MemoryStick size={14} className=\"text-accent-purple\" />\n              <span className=\"font-medium\">\n                {tr('vibecontrols.analytics.sandbox.totalMemoryUsed', 'Total Memory Used')}\n              </span>\n            </div>\n            <p className=\"font-mono text-2xl font-bold text-accent-purple\">\n              {stats?.totalMemoryUsed ?? '0'}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-6\">\n        <h3 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <span className=\"rounded-lg bg-bg-sunken p-1.5\">\n            <Activity size={16} className=\"text-status-info-text\" />\n          </span>\n          {tr('vibecontrols.analytics.sandbox.recentActivity', 'Recent Sandbox Activity')}\n        </h3>\n        <div className=\"space-y-3\">\n          {recentActivity.length > 0 ? (\n            recentActivity.map((activity) => (\n              <div\n                key={activity.id}\n                className=\"flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {activity.action}: {activity.sandboxName}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">{activity.actorId}</p>\n                </div>\n                <span className=\"ml-2 flex-shrink-0 rounded-full border border-border-subtle px-2 py-0.5 text-xs text-text-secondary\">\n                  {activity.status}\n                </span>\n              </div>\n            ))\n          ) : (\n            <p className=\"py-4 text-center text-sm text-text-secondary\">\n              {tr('vibecontrols.analytics.sandbox.noRecentActivity', 'No recent sandbox activity')}\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/analytics/index.d.ts

@@ -0,0 +1,9 @@
+export { AnalyticsFilterBar } from './AnalyticsFilterBar';
+export { AnalyticsKpiGrid } from './AnalyticsKpiGrid';
+export { AnalyticsTimeSeriesChart } from './AnalyticsTimeSeriesChart';
+export { AnalyticsBreakdownChart } from './AnalyticsBreakdownChart';
+export { AnalyticsBreakdownTable } from './AnalyticsBreakdownTable';
+export { AnalyticsEntityTabs } from './AnalyticsEntityTabs';
+export { SandboxAnalyticsSection } from './SandboxAnalyticsSection';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/analytics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,SAAS,CAAC"}

package/dist/components/analytics/index.js

@@ -0,0 +1,8 @@
+import "./types.js";
+import "./AnalyticsFilterBar.js";
+import "./AnalyticsKpiGrid.js";
+import "./AnalyticsTimeSeriesChart.js";
+import "./AnalyticsBreakdownChart.js";
+import "./AnalyticsBreakdownTable.js";
+import "./AnalyticsEntityTabs.js";
+import "./SandboxAnalyticsSection.js";

package/dist/components/analytics/types.d.ts

@@ -0,0 +1,28 @@
+import { AnalyticsEntityType } from '../../generated/wspace-types';
+
+export type TimeRange = 'LAST_24H' | 'LAST_7D' | 'LAST_30D' | 'LAST_90D' | 'CUSTOM';
+export type Granularity = 'HOUR' | 'DAY' | 'WEEK' | 'MONTH';
+export type EntityTab = 'overview' | 'agents' | 'sessions' | 'sandbox' | 'vibes' | 'actions' | 'vibedecks' | 'aievents' | 'audit' | 'docs';
+export interface TimeRangeOption {
+    label: string;
+    value: TimeRange;
+}
+export interface GranularityOption {
+    label: string;
+    value: Granularity;
+}
+export interface AnalyticsTabConfig {
+    id: EntityTab;
+    labelKey: string;
+    fallback: string;
+    entityTypes: AnalyticsEntityType[];
+}
+export declare const TIME_RANGE_OPTIONS: TimeRangeOption[];
+export declare const GRANULARITY_OPTIONS: GranularityOption[];
+export declare const ANALYTICS_TAB_CONFIGS: AnalyticsTabConfig[];
+export declare function getAnalyticsTabConfig(tab: EntityTab): AnalyticsTabConfig;
+export declare function getDateRange(timeRange: TimeRange): {
+    startDate: Date;
+    endDate: Date;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/analytics/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AACpF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,SAAS,GACjB,UAAU,GACV,QAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,GACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,SAAS,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACpC;AAED,eAAO,MAAM,kBAAkB,EAAE,eAAe,EAK/C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,EAKlD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EA4ErD,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,SAAS,GAAG,kBAAkB,CAExE;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,CAsBrF"}

package/dist/components/analytics/types.js

@@ -0,0 +1,140 @@
+import { AnalyticsEntityType as e } from "../../generated/wspace-types.js";
+//#region src/components/analytics/types.ts
+var t = [
+	{
+		label: "Last 24 hours",
+		value: "LAST_24H"
+	},
+	{
+		label: "Last 7 days",
+		value: "LAST_7D"
+	},
+	{
+		label: "Last 30 days",
+		value: "LAST_30D"
+	},
+	{
+		label: "Last 90 days",
+		value: "LAST_90D"
+	}
+], n = [
+	{
+		label: "Hour",
+		value: "HOUR"
+	},
+	{
+		label: "Day",
+		value: "DAY"
+	},
+	{
+		label: "Week",
+		value: "WEEK"
+	},
+	{
+		label: "Month",
+		value: "MONTH"
+	}
+], r = [
+	{
+		id: "overview",
+		labelKey: "analytics.tabs.overview",
+		fallback: "Overview",
+		entityTypes: [
+			e.Agent,
+			e.Target,
+			e.Session,
+			e.Vibe,
+			e.Action,
+			e.Webhook,
+			e.AiEvent,
+			e.VibeDeck,
+			e.Audit,
+			e.Docs,
+			e.Note,
+			e.Configuration
+		]
+	},
+	{
+		id: "agents",
+		labelKey: "analytics.tabs.agents",
+		fallback: "Agents",
+		entityTypes: [e.Agent]
+	},
+	{
+		id: "sessions",
+		labelKey: "analytics.tabs.sessions",
+		fallback: "Sessions",
+		entityTypes: [e.Session]
+	},
+	{
+		id: "sandbox",
+		labelKey: "analytics.tabs.sandbox",
+		fallback: "Sandbox",
+		entityTypes: []
+	},
+	{
+		id: "vibes",
+		labelKey: "analytics.tabs.vibes",
+		fallback: "Vibes",
+		entityTypes: [e.Vibe]
+	},
+	{
+		id: "actions",
+		labelKey: "analytics.tabs.actions",
+		fallback: "Actions",
+		entityTypes: [e.Action]
+	},
+	{
+		id: "vibedecks",
+		labelKey: "analytics.tabs.vibedecks",
+		fallback: "VibeDeck",
+		entityTypes: [e.VibeDeck]
+	},
+	{
+		id: "aievents",
+		labelKey: "analytics.tabs.aievents",
+		fallback: "AI Events",
+		entityTypes: [e.AiEvent]
+	},
+	{
+		id: "audit",
+		labelKey: "analytics.tabs.audit",
+		fallback: "Audit",
+		entityTypes: [e.Audit]
+	},
+	{
+		id: "docs",
+		labelKey: "analytics.tabs.docs",
+		fallback: "Docs",
+		entityTypes: [e.Docs]
+	}
+];
+function i(e) {
+	return r.find((t) => t.id === e) ?? r[0];
+}
+function a(e) {
+	let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
+	switch (e) {
+		case "LAST_24H":
+			n.setHours(n.getHours() - 24);
+			break;
+		case "LAST_7D":
+			n.setDate(n.getDate() - 7);
+			break;
+		case "LAST_30D":
+			n.setDate(n.getDate() - 30);
+			break;
+		case "LAST_90D":
+			n.setDate(n.getDate() - 90);
+			break;
+		default: n.setDate(n.getDate() - 7);
+	}
+	return {
+		startDate: n,
+		endDate: t
+	};
+}
+//#endregion
+export { r as ANALYTICS_TAB_CONFIGS, n as GRANULARITY_OPTIONS, t as TIME_RANGE_OPTIONS, i as getAnalyticsTabConfig, a as getDateRange };
+
+//# sourceMappingURL=types.js.map

package/dist/components/analytics/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/analytics/types.ts"],"sourcesContent":["import { AnalyticsEntityType } from '@/generated/wspace-types';\n\nexport type TimeRange = 'LAST_24H' | 'LAST_7D' | 'LAST_30D' | 'LAST_90D' | 'CUSTOM';\nexport type Granularity = 'HOUR' | 'DAY' | 'WEEK' | 'MONTH';\n\nexport type EntityTab =\n  | 'overview'\n  | 'agents'\n  | 'sessions'\n  | 'sandbox'\n  | 'vibes'\n  | 'actions'\n  | 'vibedecks'\n  | 'aievents'\n  | 'audit'\n  | 'docs';\n\nexport interface TimeRangeOption {\n  label: string;\n  value: TimeRange;\n}\n\nexport interface GranularityOption {\n  label: string;\n  value: Granularity;\n}\n\nexport interface AnalyticsTabConfig {\n  id: EntityTab;\n  labelKey: string;\n  fallback: string;\n  entityTypes: AnalyticsEntityType[];\n}\n\nexport const TIME_RANGE_OPTIONS: TimeRangeOption[] = [\n  { label: 'Last 24 hours', value: 'LAST_24H' },\n  { label: 'Last 7 days', value: 'LAST_7D' },\n  { label: 'Last 30 days', value: 'LAST_30D' },\n  { label: 'Last 90 days', value: 'LAST_90D' },\n];\n\nexport const GRANULARITY_OPTIONS: GranularityOption[] = [\n  { label: 'Hour', value: 'HOUR' },\n  { label: 'Day', value: 'DAY' },\n  { label: 'Week', value: 'WEEK' },\n  { label: 'Month', value: 'MONTH' },\n];\n\nexport const ANALYTICS_TAB_CONFIGS: AnalyticsTabConfig[] = [\n  {\n    id: 'overview',\n    labelKey: 'analytics.tabs.overview',\n    fallback: 'Overview',\n    entityTypes: [\n      AnalyticsEntityType.Agent,\n      AnalyticsEntityType.Target,\n      AnalyticsEntityType.Session,\n      AnalyticsEntityType.Vibe,\n      AnalyticsEntityType.Action,\n      AnalyticsEntityType.Webhook,\n      AnalyticsEntityType.AiEvent,\n      AnalyticsEntityType.VibeDeck,\n      AnalyticsEntityType.Audit,\n      AnalyticsEntityType.Docs,\n      AnalyticsEntityType.Note,\n      AnalyticsEntityType.Configuration,\n    ],\n  },\n  {\n    id: 'agents',\n    labelKey: 'analytics.tabs.agents',\n    fallback: 'Agents',\n    entityTypes: [AnalyticsEntityType.Agent],\n  },\n  {\n    id: 'sessions',\n    labelKey: 'analytics.tabs.sessions',\n    fallback: 'Sessions',\n    entityTypes: [AnalyticsEntityType.Session],\n  },\n  {\n    id: 'sandbox',\n    labelKey: 'analytics.tabs.sandbox',\n    fallback: 'Sandbox',\n    // Sandbox stats come from a separate query; no vibecontrolsAnalytics\n    // entity types are required for this tab.\n    entityTypes: [],\n  },\n  {\n    id: 'vibes',\n    labelKey: 'analytics.tabs.vibes',\n    fallback: 'Vibes',\n    entityTypes: [AnalyticsEntityType.Vibe],\n  },\n  {\n    id: 'actions',\n    labelKey: 'analytics.tabs.actions',\n    fallback: 'Actions',\n    entityTypes: [AnalyticsEntityType.Action],\n  },\n  {\n    id: 'vibedecks',\n    labelKey: 'analytics.tabs.vibedecks',\n    fallback: 'VibeDeck',\n    entityTypes: [AnalyticsEntityType.VibeDeck],\n  },\n  {\n    id: 'aievents',\n    labelKey: 'analytics.tabs.aievents',\n    fallback: 'AI Events',\n    entityTypes: [AnalyticsEntityType.AiEvent],\n  },\n  {\n    id: 'audit',\n    labelKey: 'analytics.tabs.audit',\n    fallback: 'Audit',\n    entityTypes: [AnalyticsEntityType.Audit],\n  },\n  {\n    id: 'docs',\n    labelKey: 'analytics.tabs.docs',\n    fallback: 'Docs',\n    entityTypes: [AnalyticsEntityType.Docs],\n  },\n];\n\nexport function getAnalyticsTabConfig(tab: EntityTab): AnalyticsTabConfig {\n  return ANALYTICS_TAB_CONFIGS.find((config) => config.id === tab) ?? ANALYTICS_TAB_CONFIGS[0];\n}\n\nexport function getDateRange(timeRange: TimeRange): { startDate: Date; endDate: Date } {\n  const endDate = new Date();\n  const startDate = new Date();\n\n  switch (timeRange) {\n    case 'LAST_24H':\n      startDate.setHours(startDate.getHours() - 24);\n      break;\n    case 'LAST_7D':\n      startDate.setDate(startDate.getDate() - 7);\n      break;\n    case 'LAST_30D':\n      startDate.setDate(startDate.getDate() - 30);\n      break;\n    case 'LAST_90D':\n      startDate.setDate(startDate.getDate() - 90);\n      break;\n    default:\n      startDate.setDate(startDate.getDate() - 7);\n  }\n\n  return { startDate, endDate };\n}\n"],"mappings":";;AAkCA,IAAa,IAAwC;CACnD;EAAE,OAAO;EAAiB,OAAO;EAAY;CAC7C;EAAE,OAAO;EAAe,OAAO;EAAW;CAC1C;EAAE,OAAO;EAAgB,OAAO;EAAY;CAC5C;EAAE,OAAO;EAAgB,OAAO;EAAY;CAC7C,EAEY,IAA2C;CACtD;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAS,OAAO;EAAS;CACnC,EAEY,IAA8C;CACzD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa;GACX,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACpB,EAAoB;GACrB;EACF;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,MAAM;EACzC;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,QAAQ;EAC3C;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EAGV,aAAa,EAAE;EAChB;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,KAAK;EACxC;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,OAAO;EAC1C;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,SAAS;EAC5C;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,QAAQ;EAC3C;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,MAAM;EACzC;CACD;EACE,IAAI;EACJ,UAAU;EACV,UAAU;EACV,aAAa,CAAC,EAAoB,KAAK;EACxC;CACF;AAED,SAAgB,EAAsB,GAAoC;AACxE,QAAO,EAAsB,MAAM,MAAW,EAAO,OAAO,EAAI,IAAI,EAAsB;;AAG5F,SAAgB,EAAa,GAA0D;CACrF,IAAM,oBAAU,IAAI,MAAM,EACpB,oBAAY,IAAI,MAAM;AAE5B,SAAQ,GAAR;EACE,KAAK;AACH,KAAU,SAAS,EAAU,UAAU,GAAG,GAAG;AAC7C;EACF,KAAK;AACH,KAAU,QAAQ,EAAU,SAAS,GAAG,EAAE;AAC1C;EACF,KAAK;AACH,KAAU,QAAQ,EAAU,SAAS,GAAG,GAAG;AAC3C;EACF,KAAK;AACH,KAAU,QAAQ,EAAU,SAAS,GAAG,GAAG;AAC3C;EACF,QACE,GAAU,QAAQ,EAAU,SAAS,GAAG,EAAE;;AAG9C,QAAO;EAAE;EAAW;EAAS"}

package/dist/components/assistant/AIAssistantPanel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PanelProps } from '../../../../../fe-libs/src/shared/plugins/index.ts';
+
+export declare const AIAssistantPanel: FC<PanelProps>;
+//# sourceMappingURL=AIAssistantPanel.d.ts.map

package/dist/components/assistant/AIAssistantPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIAssistantPanel.d.ts","sourceRoot":"","sources":["../../../src/components/assistant/AIAssistantPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAU,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AASpE,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,UAAU,CAiF3C,CAAC"}

package/dist/components/assistant/AIAssistantPanel.js

@@ -0,0 +1,68 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAssistantStore as t } from "../../store/assistantStore.js";
+import { useAssistantKeyboardShortcuts as n } from "../../hooks/useAssistantKeyboardShortcuts.js";
+import { useAssistantHeartbeat as r } from "../../hooks/useAssistantHeartbeat.js";
+import { AssistantChatArea as i } from "./AssistantChatArea.js";
+import { AssistantConversationList as a } from "./AssistantConversationList.js";
+import { AssistantExportMenu as o } from "./AssistantExportMenu.js";
+import { useRef as s } from "react";
+import { Eraser as c, MessageSquare as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/assistant/AIAssistantPanel.tsx
+var p = ({ onClose: p, visible: m }) => {
+	let h = e(), g = s(null), { conversations: _, activeConversationId: v, conversationListOpen: y, toggleConversationList: b, clearConversation: x } = t(), S = _.find((e) => e.id === v);
+	r(S?.backendSessionId ?? null, S?.mode ?? null, m ?? !0);
+	let C = (S?.messages.length ?? 0) > 0;
+	return n({
+		panelRef: g,
+		onClose: p
+	}), /* @__PURE__ */ f("div", {
+		ref: g,
+		className: "flex flex-col h-full w-full bg-bg-surface relative",
+		role: "complementary",
+		"aria-label": h("vibecontrols.assistant.panel.ariaLabel", "AI Assistant"),
+		"data-testid": "ai-assistant-panel",
+		tabIndex: -1,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between px-3 py-2 border-b border-border-default bg-bg-elevated flex-shrink-0",
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2 min-w-0",
+					children: [/* @__PURE__ */ d("button", {
+						onClick: b,
+						className: "p-1 hover:bg-bg-sunken rounded transition-colors",
+						"aria-label": h("vibecontrols.assistant.panel.toggleList", "Toggle conversation list"),
+						"data-testid": "toggle-conversation-list",
+						children: /* @__PURE__ */ d(l, { className: "w-3.5 h-3.5 text-text-secondary" })
+					}), /* @__PURE__ */ d("span", {
+						className: "text-xs font-semibold text-text-primary truncate",
+						children: S?.title ?? h("vibecontrols.assistant.panel.title", "AI Assistant")
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-0.5 flex-shrink-0",
+					children: [
+						C && /* @__PURE__ */ d("button", {
+							onClick: () => v && x(v),
+							className: "p-1 hover:bg-bg-sunken rounded transition-colors",
+							"aria-label": h("vibecontrols.assistant.panel.clearConversation", "Clear conversation"),
+							children: /* @__PURE__ */ d(c, { className: "w-3.5 h-3.5 text-text-secondary" })
+						}),
+						/* @__PURE__ */ d(o, {}),
+						/* @__PURE__ */ d("button", {
+							onClick: p,
+							className: "p-1 hover:bg-bg-sunken rounded transition-colors md:hidden",
+							"aria-label": h("vibecontrols.assistant.panel.close", "Close assistant"),
+							children: /* @__PURE__ */ d(u, { className: "w-3.5 h-3.5 text-text-secondary" })
+						})
+					]
+				})]
+			}),
+			y && /* @__PURE__ */ d(a, {}),
+			/* @__PURE__ */ d(i, {})
+		]
+	});
+};
+//#endregion
+export { p as AIAssistantPanel };
+
+//# sourceMappingURL=AIAssistantPanel.js.map

package/dist/components/assistant/AIAssistantPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIAssistantPanel.js","names":[],"sources":["../../../src/components/assistant/AIAssistantPanel.tsx"],"sourcesContent":["/**\n * AI Assistant Panel — top-level component for the right-pane assistant.\n *\n * Receives PanelProps from the plugin panel system. Orchestrates the\n * conversation list, chat area, and export menu.\n *\n * Responsive behavior:\n * - Desktop (>= 768px): Renders inline within PanelContainer (right panel)\n * - Mobile (< 768px): Panel container handles sizing; panel fills available space\n */\n\nimport { useRef, type FC } from 'react';\nimport { MessageSquare, Eraser, X } from 'lucide-react';\nimport type { PanelProps } from '@burdenoff/fe-libs/shared/plugins';\nimport { useAssistantStore } from '@/store/assistantStore';\nimport { useAssistantKeyboardShortcuts } from '@/hooks/useAssistantKeyboardShortcuts';\nimport { useAssistantHeartbeat } from '@/hooks/useAssistantHeartbeat';\nimport { AssistantChatArea } from './AssistantChatArea';\nimport { AssistantConversationList } from './AssistantConversationList';\nimport { AssistantExportMenu } from './AssistantExportMenu';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport const AIAssistantPanel: FC<PanelProps> = ({ onClose, visible }) => {\n  const tr = useTr();\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const {\n    conversations,\n    activeConversationId,\n    conversationListOpen,\n    toggleConversationList,\n    clearConversation,\n  } = useAssistantStore();\n\n  const activeConversation = conversations.find((c) => c.id === activeConversationId);\n  const activeSessionId = activeConversation?.backendSessionId ?? null;\n\n  // Keep sandbox alive while panel is open\n  useAssistantHeartbeat(activeSessionId, activeConversation?.mode ?? null, visible ?? true);\n\n  const hasMessages = (activeConversation?.messages.length ?? 0) > 0;\n\n  useAssistantKeyboardShortcuts({\n    panelRef,\n    onClose,\n  });\n\n  return (\n    <div\n      ref={panelRef}\n      className=\"flex flex-col h-full w-full bg-bg-surface relative\"\n      role=\"complementary\"\n      aria-label={tr('vibecontrols.assistant.panel.ariaLabel', 'AI Assistant')}\n      data-testid=\"ai-assistant-panel\"\n      tabIndex={-1}\n    >\n      {/* Panel header */}\n      <div className=\"flex items-center justify-between px-3 py-2 border-b border-border-default bg-bg-elevated flex-shrink-0\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <button\n            onClick={toggleConversationList}\n            className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n            aria-label={tr('vibecontrols.assistant.panel.toggleList', 'Toggle conversation list')}\n            data-testid=\"toggle-conversation-list\"\n          >\n            <MessageSquare className=\"w-3.5 h-3.5 text-text-secondary\" />\n          </button>\n          <span className=\"text-xs font-semibold text-text-primary truncate\">\n            {activeConversation?.title ?? tr('vibecontrols.assistant.panel.title', 'AI Assistant')}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-0.5 flex-shrink-0\">\n          {hasMessages && (\n            <button\n              onClick={() => activeConversationId && clearConversation(activeConversationId)}\n              className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n              aria-label={tr(\n                'vibecontrols.assistant.panel.clearConversation',\n                'Clear conversation'\n              )}\n            >\n              <Eraser className=\"w-3.5 h-3.5 text-text-secondary\" />\n            </button>\n          )}\n          <AssistantExportMenu />\n          <button\n            onClick={onClose}\n            className=\"p-1 hover:bg-bg-sunken rounded transition-colors md:hidden\"\n            aria-label={tr('vibecontrols.assistant.panel.close', 'Close assistant')}\n          >\n            <X className=\"w-3.5 h-3.5 text-text-secondary\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Conversation list overlay */}\n      {conversationListOpen && <AssistantConversationList />}\n\n      {/* Chat area */}\n      <AssistantChatArea />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,KAAoC,EAAE,YAAS,iBAAc;CACxE,IAAM,IAAK,GAAO,EACZ,IAAW,EAAuB,KAAK,EAEvC,EACJ,kBACA,yBACA,yBACA,2BACA,yBACE,GAAmB,EAEjB,IAAqB,EAAc,MAAM,MAAM,EAAE,OAAO,EAAqB;AAInF,GAHwB,GAAoB,oBAAoB,MAGzB,GAAoB,QAAQ,MAAM,KAAW,GAAK;CAEzF,IAAM,KAAe,GAAoB,SAAS,UAAU,KAAK;AAOjE,QALA,EAA8B;EAC5B;EACA;EACD,CAAC,EAGA,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,MAAK;EACL,cAAY,EAAG,0CAA0C,eAAe;EACxE,eAAY;EACZ,UAAU;YANZ;GASE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;MACV,cAAY,EAAG,2CAA2C,2BAA2B;MACrF,eAAY;gBAEZ,kBAAC,GAAD,EAAe,WAAU,mCAAoC,CAAA;MACtD,CAAA,EACT,kBAAC,QAAD;MAAM,WAAU;gBACb,GAAoB,SAAS,EAAG,sCAAsC,eAAe;MACjF,CAAA,CACH;QAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,eAAe,KAAwB,EAAkB,EAAqB;OAC9E,WAAU;OACV,cAAY,EACV,kDACA,qBACD;iBAED,kBAAC,GAAD,EAAQ,WAAU,mCAAoC,CAAA;OAC/C,CAAA;MAEX,kBAAC,GAAD,EAAuB,CAAA;MACvB,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;OACV,cAAY,EAAG,sCAAsC,kBAAkB;iBAEvE,kBAAC,GAAD,EAAG,WAAU,mCAAoC,CAAA;OAC1C,CAAA;MACL;OACF;;GAGL,KAAwB,kBAAC,GAAD,EAA6B,CAAA;GAGtD,kBAAC,GAAD,EAAqB,CAAA;GACjB"}

package/dist/components/assistant/AssistantChatArea.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const AssistantChatArea: FC;
+//# sourceMappingURL=AssistantChatArea.d.ts.map

package/dist/components/assistant/AssistantChatArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantChatArea.d.ts","sourceRoot":"","sources":["../../../src/components/assistant/AssistantChatArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAyPhE,eAAO,MAAM,iBAAiB,EAAE,EAomB/B,CAAC"}