npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.623.1 → 2026.623.3 - Mend

@burdenoff/microfe-vibecontrols 2026.623.1 → 2026.623.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/dist/components/analytics/AnalyticsBreakdownChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsBreakdownChart.js","names":[],"sources":["../../../src/components/analytics/AnalyticsBreakdownChart.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ResponsiveContainer, PieChart, Pie, Cell, Tooltip, Legend } from 'recharts';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface BreakdownBucket {\n key: string;\n count: number;\n}\n\ninterface AnalyticsBreakdownChartProps {\n title: string;\n data: BreakdownBucket[] \| null \| undefined;\n height?: number;\n}\n\nconst PIE_COLORS = [\n 'var(--color-~~text~~-~~link~~)',\n 'var(--color-~~status~~-~~success-text~~)',\n 'var(--color-~~accent~~-~~purple~~)',\n 'var(--color-~~status~~-~~warning-text~~)',\n 'var(--color-~~status~~-~~error-text~~)',\n 'var(--color-~~accent~~-~~teal~~)',\n 'var(--color-~~text~~-~~tertiary~~)',\n 'var(--color-~~border~~-~~strong~~)',\n];\n\nexport function AnalyticsBreakdownChart({\n title,\n data,\n height = 250,\n}: AnalyticsBreakdownChartProps) {\n const chartData = useMemo(() => {\n if (!data \|\| data.length === 0) return [];\n return data.map((d) => ({\n name: d.key,\n value: d.count,\n }));\n }, [data]);\n\n const tr = useTr();\n\n if (chartData.length === 0) {\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>\n <div className=\"flex items-center justify-center h-[150px] text-text-secondary text-sm\">\n {tr('vibecontrols.analytics.noData', 'No data')}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>\n <ResponsiveContainer width=\"100%\" height={height}>\n <PieChart>\n <Pie\n data={chartData}\n cx=\"50%\"\n cy=\"50%\"\n innerRadius={55}\n outerRadius={80}\n paddingAngle={2}\n dataKey=\"value\"\n >\n {chartData.map((_, i) => (\n <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n ))}\n </Pie>\n <Tooltip\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-default)',\n borderRadius: '6px',\n fontSize: '12px',\n }}\n />\n <Legend\n wrapperStyle={{ fontSize: '11px' }}\n layout=\"vertical\"\n align=\"right\"\n verticalAlign=\"middle\"\n />\n </PieChart>\n </ResponsiveContainer>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAwB,EACtC,UACA,SACA,YAAS,OACsB;CAC/B,IAAM,IAAY,QACZ,CAAC,KAAQ,EAAK,WAAW,IAAU,EAAE,GAClC,EAAK,KAAK,OAAO;EACtB,MAAM,EAAE;EACR,OAAO,EAAE;EACV,EAAE,EACF,CAAC,EAAK,CAAC,EAEJ,IAAK,GAAO;AAalB,QAXI,EAAU,WAAW,IAErB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACvE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,iCAAiC,UAAU;GAC3C,CAAA,CACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACvE,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACxC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,MAAM;KACN,IAAG;KACH,IAAG;KACH,aAAa;KACb,aAAa;KACb,cAAc;KACd,SAAQ;eAEP,EAAU,KAAK,GAAG,MACjB,kBAAC,GAAD,EAAc,MAAM,EAAW,IAAI,EAAW,SAAW,EAA9C,EAA8C,CACzD;KACE,CAAA;IACN,kBAAC,GAAD,EACE,cAAc;KACZ,YAAY;KACZ,QAAQ;KACR,cAAc;KACd,UAAU;KACX,EACD,CAAA;IACF,kBAAC,GAAD;KACE,cAAc,EAAE,UAAU,QAAQ;KAClC,QAAO;KACP,OAAM;KACN,eAAc;KACd,CAAA;IACO,EAAA,CAAA;GACS,CAAA,CAClB"}
1	+ {"version":3,"file":"AnalyticsBreakdownChart.js","names":[],"sources":["../../../src/components/analytics/AnalyticsBreakdownChart.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ResponsiveContainer, PieChart, Pie, Cell, Tooltip, Legend } from 'recharts';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface BreakdownBucket {\n key: string;\n count: number;\n}\n\ninterface AnalyticsBreakdownChartProps {\n title: string;\n data: BreakdownBucket[] \| null \| undefined;\n height?: number;\n}\n\nconst PIE_COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n 'var(--color-chart-6)',\n 'var(--color-chart-7)',\n 'var(--color-chart-8)',\n];\n\nexport function AnalyticsBreakdownChart({\n title,\n data,\n height = 250,\n}: AnalyticsBreakdownChartProps) {\n const chartData = useMemo(() => {\n if (!data \|\| data.length === 0) return [];\n return data.map((d) => ({\n name: d.key,\n value: d.count,\n }));\n }, [data]);\n\n const tr = useTr();\n\n if (chartData.length === 0) {\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>\n <div className=\"flex items-center justify-center h-[150px] text-text-secondary text-sm\">\n {tr('vibecontrols.analytics.noData', 'No data')}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>\n <ResponsiveContainer width=\"100%\" height={height}>\n <PieChart>\n <Pie\n data={chartData}\n cx=\"50%\"\n cy=\"50%\"\n innerRadius={55}\n outerRadius={80}\n paddingAngle={2}\n dataKey=\"value\"\n >\n {chartData.map((_, i) => (\n <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n ))}\n </Pie>\n <Tooltip\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-default)',\n borderRadius: '6px',\n fontSize: '12px',\n }}\n />\n <Legend\n wrapperStyle={{ fontSize: '11px' }}\n layout=\"vertical\"\n align=\"right\"\n verticalAlign=\"middle\"\n />\n </PieChart>\n </ResponsiveContainer>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAwB,EACtC,UACA,SACA,YAAS,OACsB;CAC/B,IAAM,IAAY,QACZ,CAAC,KAAQ,EAAK,WAAW,IAAU,EAAE,GAClC,EAAK,KAAK,OAAO;EACtB,MAAM,EAAE;EACR,OAAO,EAAE;EACV,EAAE,EACF,CAAC,EAAK,CAAC,EAEJ,IAAK,GAAO;AAalB,QAXI,EAAU,WAAW,IAErB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACvE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,iCAAiC,UAAU;GAC3C,CAAA,CACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACvE,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACxC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,MAAM;KACN,IAAG;KACH,IAAG;KACH,aAAa;KACb,aAAa;KACb,cAAc;KACd,SAAQ;eAEP,EAAU,KAAK,GAAG,MACjB,kBAAC,GAAD,EAAc,MAAM,EAAW,IAAI,EAAW,SAAW,EAA9C,EAA8C,CACzD;KACE,CAAA;IACN,kBAAC,GAAD,EACE,cAAc;KACZ,YAAY;KACZ,QAAQ;KACR,cAAc;KACd,UAAU;KACX,EACD,CAAA;IACF,kBAAC,GAAD;KACE,cAAc,EAAE,UAAU,QAAQ;KAClC,QAAO;KACP,OAAM;KACN,eAAc;KACd,CAAA;IACO,EAAA,CAAA;GACS,CAAA,CAClB"}

package/dist/components/analytics/AnalyticsTimeSeriesChart.js CHANGED Viewed

@@ -11,11 +11,11 @@ import { useMemo as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/analytics/AnalyticsTimeSeriesChart.tsx
 var f = [
-	"var(--color-text-link)",
-	"var(--color-status-success-text)",
-	"var(--color-accent-purple)",
-	"var(--color-status-warning-text)",
-	"var(--color-status-error-text)"
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)"
 ];
 function p({ datasets: p, title: m, height: h = 300 }) {
 	let g = l(() => {

package/dist/components/analytics/AnalyticsTimeSeriesChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsTimeSeriesChart.js","names":[],"sources":["../../../src/components/analytics/AnalyticsTimeSeriesChart.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n ResponsiveContainer,\n AreaChart,\n Area,\n XAxis,\n YAxis,\n Tooltip,\n Legend,\n CartesianGrid,\n} from 'recharts';\n\ninterface TimeSeriesDataset {\n label: string;\n data: Array<{ timestamp: string; value: number }> \| null \| undefined;\n color: string;\n}\n\ninterface AnalyticsTimeSeriesChartProps {\n datasets: TimeSeriesDataset[];\n title?: string;\n height?: number;\n}\n\nconst COLORS = [\n 'var(--color-~~text~~-~~link~~)',\n 'var(--color-~~status~~-~~success-text~~)',\n 'var(--color-~~accent~~-~~purple~~)',\n 'var(--color-~~status~~-~~warning-text~~)',\n 'var(--color-~~status~~-~~error-text~~)',\n];\n\nexport function AnalyticsTimeSeriesChart({\n datasets,\n title,\n height = 300,\n}: AnalyticsTimeSeriesChartProps) {\n const chartData = useMemo(() => {\n // Merge all datasets into a single array keyed by timestamp\n const map = new Map<string, Record<string, number>>();\n\n for (const ds of datasets) {\n if (!ds.data) continue;\n for (const point of ds.data) {\n const ts = new Date(point.timestamp).toISOString();\n if (!map.has(ts)) map.set(ts, {});\n map.get(ts)![ds.label] = point.value;\n }\n }\n\n return Array.from(map.entries())\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([ts, values]) => ({\n timestamp: ts,\n ...values,\n }));\n }, [datasets]);\n\n const formatDate = (ts: string) => {\n const d = new Date(ts);\n return `${d.getMonth() + 1}/${d.getDate()}`;\n };\n\n const formatTooltipDate = (ts: string) => {\n return new Date(ts).toLocaleString(undefined, {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n });\n };\n\n const tr = useTr();\n\n if (chartData.length === 0) {\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n {title && <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>}\n <div className=\"flex items-center justify-center h-[200px] text-text-secondary text-sm\">\n {tr(\n 'vibecontrols.analytics.noDataForRange',\n 'No data available for the selected time range'\n )}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n {title && <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>}\n <ResponsiveContainer width=\"100%\" height={height}>\n <AreaChart data={chartData} margin={{ top: 5, right: 10, left: 0, bottom: 5 }}>\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.3} />\n <XAxis\n dataKey=\"timestamp\"\n tickFormatter={formatDate}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 11 }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n />\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 11 }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n allowDecimals={false}\n />\n <Tooltip\n labelFormatter={formatTooltipDate}\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-default)',\n borderRadius: '6px',\n fontSize: '12px',\n }}\n />\n <Legend wrapperStyle={{ fontSize: '12px' }} />\n {datasets.map((ds, i) => (\n <Area\n key={ds.label}\n type=\"monotone\"\n dataKey={ds.label}\n stroke={ds.color \|\| COLORS[i % COLORS.length]}\n fill={ds.color \|\| COLORS[i % COLORS.length]}\n fillOpacity={0.1}\n strokeWidth={2}\n dot={false}\n />\n ))}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAyB,EACvC,aACA,UACA,YAAS,OACuB;CAChC,IAAM,IAAY,QAAc;EAE9B,IAAM,oBAAM,IAAI,KAAqC;AAErD,OAAK,IAAM,KAAM,EACV,OAAG,KACR,MAAK,IAAM,KAAS,EAAG,MAAM;GAC3B,IAAM,IAAK,IAAI,KAAK,EAAM,UAAU,CAAC,aAAa;AAElD,GADK,EAAI,IAAI,EAAG,IAAE,EAAI,IAAI,GAAI,EAAE,CAAC,EACjC,EAAI,IAAI,EAAG,CAAE,EAAG,SAAS,EAAM;;AAInC,SAAO,MAAM,KAAK,EAAI,SAAS,CAAC,CAC7B,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,GAAI,QAAa;GACtB,WAAW;GACX,GAAG;GACJ,EAAE;IACJ,CAAC,EAAS,CAAC,EAER,KAAc,MAAe;EACjC,IAAM,IAAI,IAAI,KAAK,EAAG;AACtB,SAAO,GAAG,EAAE,UAAU,GAAG,EAAE,GAAG,EAAE,SAAS;IAGrC,KAAqB,MAClB,IAAI,KAAK,EAAG,CAAC,eAAe,KAAA,GAAW;EAC5C,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC,EAGE,IAAK,GAAO;AAgBlB,QAdI,EAAU,WAAW,IAErB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACjF,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,yCACA,gDACD;GACG,CAAA,CACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACjF,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACxC,kBAAC,GAAD;IAAW,MAAM;IAAW,QAAQ;KAAE,KAAK;KAAG,OAAO;KAAI,MAAM;KAAG,QAAQ;KAAG;cAA7E;KACE,kBAAC,GAAD;MAAe,iBAAgB;MAAM,QAAO;MAA8B,SAAS;MAAO,CAAA;KAC1F,kBAAC,GAAD;MACE,SAAQ;MACR,eAAe;MACf,MAAM;OAAE,MAAM;OAA+B,UAAU;OAAI;MAC3D,UAAU,EAAE,QAAQ,+BAA+B;MACnD,CAAA;KACF,kBAAC,GAAD;MACE,MAAM;OAAE,MAAM;OAA+B,UAAU;OAAI;MAC3D,UAAU,EAAE,QAAQ,+BAA+B;MACnD,eAAe;MACf,CAAA;KACF,kBAAC,GAAD;MACE,gBAAgB;MAChB,cAAc;OACZ,YAAY;OACZ,QAAQ;OACR,cAAc;OACd,UAAU;OACX;MACD,CAAA;KACF,kBAAC,GAAD,EAAQ,cAAc,EAAE,UAAU,QAAQ,EAAI,CAAA;KAC7C,EAAS,KAAK,GAAI,MACjB,kBAAC,GAAD;MAEE,MAAK;MACL,SAAS,EAAG;MACZ,QAAQ,EAAG,SAAS,EAAO,IAAI,EAAO;MACtC,MAAM,EAAG,SAAS,EAAO,IAAI,EAAO;MACpC,aAAa;MACb,aAAa;MACb,KAAK;MACL,EARK,EAAG,MAQR,CACF;KACQ;;GACQ,CAAA,CAClB"}
1	+ {"version":3,"file":"AnalyticsTimeSeriesChart.js","names":[],"sources":["../../../src/components/analytics/AnalyticsTimeSeriesChart.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n ResponsiveContainer,\n AreaChart,\n Area,\n XAxis,\n YAxis,\n Tooltip,\n Legend,\n CartesianGrid,\n} from 'recharts';\n\ninterface TimeSeriesDataset {\n label: string;\n data: Array<{ timestamp: string; value: number }> \| null \| undefined;\n color: string;\n}\n\ninterface AnalyticsTimeSeriesChartProps {\n datasets: TimeSeriesDataset[];\n title?: string;\n height?: number;\n}\n\nconst COLORS = [\n 'var(--color-chart-1)',\n 'var(--color-chart-2)',\n 'var(--color-chart-3)',\n 'var(--color-chart-4)',\n 'var(--color-chart-5)',\n];\n\nexport function AnalyticsTimeSeriesChart({\n datasets,\n title,\n height = 300,\n}: AnalyticsTimeSeriesChartProps) {\n const chartData = useMemo(() => {\n // Merge all datasets into a single array keyed by timestamp\n const map = new Map<string, Record<string, number>>();\n\n for (const ds of datasets) {\n if (!ds.data) continue;\n for (const point of ds.data) {\n const ts = new Date(point.timestamp).toISOString();\n if (!map.has(ts)) map.set(ts, {});\n map.get(ts)![ds.label] = point.value;\n }\n }\n\n return Array.from(map.entries())\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([ts, values]) => ({\n timestamp: ts,\n ...values,\n }));\n }, [datasets]);\n\n const formatDate = (ts: string) => {\n const d = new Date(ts);\n return `${d.getMonth() + 1}/${d.getDate()}`;\n };\n\n const formatTooltipDate = (ts: string) => {\n return new Date(ts).toLocaleString(undefined, {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n });\n };\n\n const tr = useTr();\n\n if (chartData.length === 0) {\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n {title && <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>}\n <div className=\"flex items-center justify-center h-[200px] text-text-secondary text-sm\">\n {tr(\n 'vibecontrols.analytics.noDataForRange',\n 'No data available for the selected time range'\n )}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n {title && <h3 className=\"text-sm font-medium text-text-primary mb-3\">{title}</h3>}\n <ResponsiveContainer width=\"100%\" height={height}>\n <AreaChart data={chartData} margin={{ top: 5, right: 10, left: 0, bottom: 5 }}>\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-default)\" opacity={0.3} />\n <XAxis\n dataKey=\"timestamp\"\n tickFormatter={formatDate}\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 11 }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n />\n <YAxis\n tick={{ fill: 'var(--color-text-secondary)', fontSize: 11 }}\n axisLine={{ stroke: 'var(--color-border-default)' }}\n allowDecimals={false}\n />\n <Tooltip\n labelFormatter={formatTooltipDate}\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-default)',\n borderRadius: '6px',\n fontSize: '12px',\n }}\n />\n <Legend wrapperStyle={{ fontSize: '12px' }} />\n {datasets.map((ds, i) => (\n <Area\n key={ds.label}\n type=\"monotone\"\n dataKey={ds.label}\n stroke={ds.color \|\| COLORS[i % COLORS.length]}\n fill={ds.color \|\| COLORS[i % COLORS.length]}\n fillOpacity={0.1}\n strokeWidth={2}\n dot={false}\n />\n ))}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAyB,EACvC,aACA,UACA,YAAS,OACuB;CAChC,IAAM,IAAY,QAAc;EAE9B,IAAM,oBAAM,IAAI,KAAqC;AAErD,OAAK,IAAM,KAAM,EACV,OAAG,KACR,MAAK,IAAM,KAAS,EAAG,MAAM;GAC3B,IAAM,IAAK,IAAI,KAAK,EAAM,UAAU,CAAC,aAAa;AAElD,GADK,EAAI,IAAI,EAAG,IAAE,EAAI,IAAI,GAAI,EAAE,CAAC,EACjC,EAAI,IAAI,EAAG,CAAE,EAAG,SAAS,EAAM;;AAInC,SAAO,MAAM,KAAK,EAAI,SAAS,CAAC,CAC7B,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,GAAI,QAAa;GACtB,WAAW;GACX,GAAG;GACJ,EAAE;IACJ,CAAC,EAAS,CAAC,EAER,KAAc,MAAe;EACjC,IAAM,IAAI,IAAI,KAAK,EAAG;AACtB,SAAO,GAAG,EAAE,UAAU,GAAG,EAAE,GAAG,EAAE,SAAS;IAGrC,KAAqB,MAClB,IAAI,KAAK,EAAG,CAAC,eAAe,KAAA,GAAW;EAC5C,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC,EAGE,IAAK,GAAO;AAgBlB,QAdI,EAAU,WAAW,IAErB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACjF,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,yCACA,gDACD;GACG,CAAA,CACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,EACjF,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACxC,kBAAC,GAAD;IAAW,MAAM;IAAW,QAAQ;KAAE,KAAK;KAAG,OAAO;KAAI,MAAM;KAAG,QAAQ;KAAG;cAA7E;KACE,kBAAC,GAAD;MAAe,iBAAgB;MAAM,QAAO;MAA8B,SAAS;MAAO,CAAA;KAC1F,kBAAC,GAAD;MACE,SAAQ;MACR,eAAe;MACf,MAAM;OAAE,MAAM;OAA+B,UAAU;OAAI;MAC3D,UAAU,EAAE,QAAQ,+BAA+B;MACnD,CAAA;KACF,kBAAC,GAAD;MACE,MAAM;OAAE,MAAM;OAA+B,UAAU;OAAI;MAC3D,UAAU,EAAE,QAAQ,+BAA+B;MACnD,eAAe;MACf,CAAA;KACF,kBAAC,GAAD;MACE,gBAAgB;MAChB,cAAc;OACZ,YAAY;OACZ,QAAQ;OACR,cAAc;OACd,UAAU;OACX;MACD,CAAA;KACF,kBAAC,GAAD,EAAQ,cAAc,EAAE,UAAU,QAAQ,EAAI,CAAA;KAC7C,EAAS,KAAK,GAAI,MACjB,kBAAC,GAAD;MAEE,MAAK;MACL,SAAS,EAAG;MACZ,QAAQ,EAAG,SAAS,EAAO,IAAI,EAAO;MACtC,MAAM,EAAG,SAAS,EAAO,IAAI,EAAO;MACpC,aAAa;MACb,aAAa;MACb,KAAK;MACL,EARK,EAAG,MAQR,CACF;KACQ;;GACQ,CAAA,CAClB"}

package/dist/components/audit/AuditDeleteDialog.js CHANGED Viewed

@@ -53,7 +53,7 @@ function a({ isOpen: a, onClose: o, onConfirm: s, loading: c, title: l = "Delete
 						onClick: () => {
 							m(""), o();
 						},
-						className: "px-4 py-2 text-sm rounded-lg border border-border-primary hover:bg-bg-secondary",
+						className: "px-4 py-2 text-sm rounded-lg border border-border-default hover:bg-bg-surface",
 						disabled: c,
 						children: f("vibecontrols.audit.cancel", "Cancel")
 					}), /* @__PURE__ */ r("button", {
@@ -62,7 +62,7 @@ function a({ isOpen: a, onClose: o, onConfirm: s, loading: c, title: l = "Delete
 							p.trim() && (s(p.trim()), m(""));
 						},
 						disabled: !p.trim() || c,
-						className: "rounded-lg bg-status-error-bg px-4 py-2 text-sm text-status-error-text transition-colors hover:bg-status-error-bg/80 disabled:opacity-50",
+						className: "rounded-button bg-action-danger-bg px-4 py-2 text-sm text-action-danger-text transition-colors hover:bg-action-danger-bg-hover disabled:opacity-50",
 						children: c ? f("vibecontrols.audit.deleting", "Deleting...") : d
 					})]
 				})

package/dist/components/audit/AuditDeleteDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuditDeleteDialog.js","names":[],"sources":["../../../src/components/audit/AuditDeleteDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AuditDeleteDialogProps {\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (reason: string) => void;\n loading: boolean;\n title?: string;\n description?: string;\n confirmLabel?: string;\n}\n\nexport function AuditDeleteDialog({\n isOpen,\n onClose,\n onConfirm,\n loading,\n title = 'Delete Audit Log',\n description = 'This action will be recorded in the audit trail.',\n confirmLabel = 'Delete',\n}: AuditDeleteDialogProps) {\n const tr = useTr();\n const [reason, setReason] = useState('');\n\n const handleConfirm = () => {\n if (reason.trim()) {\n onConfirm(reason.trim());\n setReason('');\n }\n };\n\n const handleClose = () => {\n setReason('');\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n <div className=\"fixed inset-0 bg-bg-overlay z-50 flex items-center justify-center p-4\">\n <div className=\"bg-bg-surface rounded-lg shadow-xl max-w-md w-full p-6\">\n <div className=\"mb-4 flex items-center gap-3\">\n <div className=\"rounded-full bg-status-error-bg-subtle p-2\">\n <AlertTriangle size={20} className=\"text-status-error-text\" />\n </div>\n <div>\n <h3 className=\"text-lg font-semibold\">{title}</h3>\n <p className=\"text-sm text-text-secondary\">{description}</p>\n </div>\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1\">\n {tr('vibecontrols.audit.reasonLabel', 'Reason for deletion')}{' '}\n <span className=\"text-status-error-text\">*</span>\n </label>\n <textarea\n aria-label=\"control\"\n value={reason}\n onChange={(e) => setReason(e.target.value)}\n placeholder={tr(\n 'vibecontrols.audit.reasonPlaceholder',\n 'Enter the reason for deleting this audit log entry...'\n )}\n className=\"h-24 w-full resize-none rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm focus:border-action-primary-bg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/30\"\n />\n </div>\n\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={handleClose}\n className=\"px-4 py-2 text-sm rounded-lg border border-border-~~primary~~ hover:bg-bg-~~secondary~~\"\n disabled={loading}\n >\n {tr('vibecontrols.audit.cancel', 'Cancel')}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={!reason.trim() \|\| loading}\n className=\"rounded-lg bg-~~status~~-~~error~~-bg px-4 py-2 text-sm text-~~status~~-~~error~~-text transition-colors hover:bg-~~status~~-~~error~~-bg~~/80~~ disabled:opacity-50\"\n >\n {loading ? tr('vibecontrols.audit.deleting', 'Deleting...') : confirmLabel}\n </button>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAkB,EAChC,WACA,YACA,cACA,YACA,WAAQ,oBACR,iBAAc,oDACd,kBAAe,YACU;CACzB,IAAM,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAAS,GAAG;AAgBxC,QAFK,IAGH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAe,MAAM;OAAI,WAAU;OAA2B,CAAA;MAC1D,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAyB;MAAW,CAAA,EAClD,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAAgB,CAAA,CACxD,EAAA,CAAA,CACF;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAjB;OACG,EAAG,kCAAkC,sBAAsB;OAAE;OAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAyB;QAAQ,CAAA;OAC3C;SACR,kBAAC,YAAD;MACE,cAAW;MACX,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,aAAa,EACX,wCACA,wDACD;MACD,WAAU;MACV,CAAA,CACE;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAxCgB;AAExB,OADA,EAAU,GAAG,EACb,GAAS;;MAuCD,WAAU;MACV,UAAU;gBAET,EAAG,6BAA6B,SAAS;MACnC,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAvDkB;AAC1B,OAAI,EAAO,MAAM,KACf,EAAU,EAAO,MAAM,CAAC,EACxB,EAAU,GAAG;;MAqDP,UAAU,CAAC,EAAO,MAAM,IAAI;MAC5B,WAAU;gBAET,IAAU,EAAG,+BAA+B,cAAc,GAAG;MACvD,CAAA,CACL;;IACF;;EACF,CAAA,GAnDY"}
1	+ {"version":3,"file":"AuditDeleteDialog.js","names":[],"sources":["../../../src/components/audit/AuditDeleteDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AuditDeleteDialogProps {\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (reason: string) => void;\n loading: boolean;\n title?: string;\n description?: string;\n confirmLabel?: string;\n}\n\nexport function AuditDeleteDialog({\n isOpen,\n onClose,\n onConfirm,\n loading,\n title = 'Delete Audit Log',\n description = 'This action will be recorded in the audit trail.',\n confirmLabel = 'Delete',\n}: AuditDeleteDialogProps) {\n const tr = useTr();\n const [reason, setReason] = useState('');\n\n const handleConfirm = () => {\n if (reason.trim()) {\n onConfirm(reason.trim());\n setReason('');\n }\n };\n\n const handleClose = () => {\n setReason('');\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n <div className=\"fixed inset-0 bg-bg-overlay z-50 flex items-center justify-center p-4\">\n <div className=\"bg-bg-surface rounded-lg shadow-xl max-w-md w-full p-6\">\n <div className=\"mb-4 flex items-center gap-3\">\n <div className=\"rounded-full bg-status-error-bg-subtle p-2\">\n <AlertTriangle size={20} className=\"text-status-error-text\" />\n </div>\n <div>\n <h3 className=\"text-lg font-semibold\">{title}</h3>\n <p className=\"text-sm text-text-secondary\">{description}</p>\n </div>\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1\">\n {tr('vibecontrols.audit.reasonLabel', 'Reason for deletion')}{' '}\n <span className=\"text-status-error-text\">*</span>\n </label>\n <textarea\n aria-label=\"control\"\n value={reason}\n onChange={(e) => setReason(e.target.value)}\n placeholder={tr(\n 'vibecontrols.audit.reasonPlaceholder',\n 'Enter the reason for deleting this audit log entry...'\n )}\n className=\"h-24 w-full resize-none rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm focus:border-action-primary-bg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/30\"\n />\n </div>\n\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={handleClose}\n className=\"px-4 py-2 text-sm rounded-lg border border-border-default hover:bg-bg-surface\"\n disabled={loading}\n >\n {tr('vibecontrols.audit.cancel', 'Cancel')}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={!reason.trim() \|\| loading}\n className=\"rounded-button bg-action-danger-bg px-4 py-2 text-sm text-action-danger-text transition-colors hover:bg-action-danger-bg-hover disabled:opacity-50\"\n >\n {loading ? tr('vibecontrols.audit.deleting', 'Deleting...') : confirmLabel}\n </button>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAkB,EAChC,WACA,YACA,cACA,YACA,WAAQ,oBACR,iBAAc,oDACd,kBAAe,YACU;CACzB,IAAM,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAAS,GAAG;AAgBxC,QAFK,IAGH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAe,MAAM;OAAI,WAAU;OAA2B,CAAA;MAC1D,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAyB;MAAW,CAAA,EAClD,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAAgB,CAAA,CACxD,EAAA,CAAA,CACF;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAjB;OACG,EAAG,kCAAkC,sBAAsB;OAAE;OAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAyB;QAAQ,CAAA;OAC3C;SACR,kBAAC,YAAD;MACE,cAAW;MACX,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,aAAa,EACX,wCACA,wDACD;MACD,WAAU;MACV,CAAA,CACE;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAxCgB;AAExB,OADA,EAAU,GAAG,EACb,GAAS;;MAuCD,WAAU;MACV,UAAU;gBAET,EAAG,6BAA6B,SAAS;MACnC,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAvDkB;AAC1B,OAAI,EAAO,MAAM,KACf,EAAU,EAAO,MAAM,CAAC,EACxB,EAAU,GAAG;;MAqDP,UAAU,CAAC,EAAO,MAAM,IAAI;MAC5B,WAAU;gBAET,IAAU,EAAG,+BAA+B,cAAc,GAAG;MACvD,CAAA,CACL;;IACF;;EACF,CAAA,GAnDY"}

package/dist/components/audit/AuditExportButton.js CHANGED Viewed

@@ -44,7 +44,7 @@ function d({ filter: d }) {
 				"aria-expanded": m,
 				onClick: () => h((e) => !e),
 				disabled: y,
-				className: "inline-flex items-center gap-2 rounded-lg border border-border-primary px-3 py-2 text-sm transition-colors hover:bg-bg-secondary disabled:opacity-50",
+				className: "inline-flex items-center gap-2 rounded-lg border border-border-default px-3 py-2 text-sm transition-colors hover:bg-bg-surface disabled:opacity-50",
 				children: [/* @__PURE__ */ c(o, { size: 14 }), y ? b("audit.exporting", "Exporting…") : b("audit.export", "Export")]
 			}),
 			m ? /* @__PURE__ */ l("div", {
@@ -56,14 +56,14 @@ function d({ filter: d }) {
 						type: "button",
 						role: "menuitem",
 						onClick: () => x(t.Csv),
-						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-secondary",
+						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface",
 						children: [/* @__PURE__ */ c(o, { size: 12 }), b("audit.exportCsv", "Download CSV")]
 					}),
 					/* @__PURE__ */ l("button", {
 						type: "button",
 						role: "menuitem",
 						onClick: () => x(t.Json),
-						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-secondary",
+						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface",
 						children: [/* @__PURE__ */ c(o, { size: 12 }), b("audit.exportJson", "Download JSON")]
 					}),
 					/* @__PURE__ */ c("div", { className: "my-1 border-t border-border-subtle" }),
@@ -73,7 +73,7 @@ function d({ filter: d }) {
 						onClick: () => {
 							h(!1), _(t.Csv);
 						},
-						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-secondary",
+						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface",
 						children: [/* @__PURE__ */ c(s, { size: 12 }), b("audit.saveCsvToFiles", "Save CSV to Files…")]
 					}),
 					/* @__PURE__ */ l("button", {
@@ -82,7 +82,7 @@ function d({ filter: d }) {
 						onClick: () => {
 							h(!1), _(t.Json);
 						},
-						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-secondary",
+						className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface",
 						children: [/* @__PURE__ */ c(s, { size: 12 }), b("audit.saveJsonToFiles", "Save JSON to Files…")]
 					})
 				]

package/dist/components/audit/AuditExportButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuditExportButton.js","names":[],"sources":["../../../src/components/audit/AuditExportButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Download, FolderInput } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SaveToFilesDialog } from '@burdenoff/fe-libs/storage';\nimport { useExportVibeAuditLogsMutation } from '@/generated/wspace-operations';\nimport { VibeAuditExportFormat, type VibeAuditLogFilterInput } from '@/generated/wspace-types';\n\ninterface AuditExportButtonProps {\n filter?: VibeAuditLogFilterInput;\n}\n\nexport function AuditExportButton({ filter }: AuditExportButtonProps) {\n const { t } = useI18n();\n const menuRef = useRef<HTMLDivElement \| null>(null);\n const [showMenu, setShowMenu] = useState(false);\n const [saveFormat, setSaveFormat] = useState<VibeAuditExportFormat \| null>(null);\n const [exportMutation, { loading }] = useExportVibeAuditLogsMutation();\n\n const tr = (key: string, fallback: string) => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n\n useEffect(() => {\n if (!showMenu) return undefined;\n\n const handlePointerDown = (event: MouseEvent) => {\n if (!menuRef.current?.contains(event.target as Node)) {\n setShowMenu(false);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setShowMenu(false);\n }\n };\n\n window.addEventListener('mousedown', handlePointerDown);\n window.addEventListener('keydown', handleKeyDown);\n return () => {\n window.removeEventListener('mousedown', handlePointerDown);\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [showMenu]);\n\n const handleExport = async (format: VibeAuditExportFormat) => {\n setShowMenu(false);\n try {\n const result = await exportMutation({\n variables: {\n input: { filter: filter \|\| {}, format },\n },\n });\n\n const exportData = result.data?.exportVibeAuditLogs;\n if (!exportData) return;\n\n const blob = new Blob([exportData.data], {\n type: format === 'CSV' ? 'text/csv' : 'application/json',\n });\n const url = URL.createObjectURL(blob);\n const anchor = document.createElement('a');\n anchor.href = url;\n anchor.download = `vibe-audit-${new Date().toISOString().slice(0, 10)}.${format.toLowerCase()}`;\n document.body.appendChild(anchor);\n anchor.click();\n document.body.removeChild(anchor);\n URL.revokeObjectURL(url);\n } catch {\n // Apollo error handling surfaces failures globally.\n }\n };\n\n return (\n <div ref={menuRef} className=\"relative\">\n <button\n type=\"button\"\n aria-haspopup=\"menu\"\n aria-expanded={showMenu}\n onClick={() => setShowMenu((current) => !current)}\n disabled={loading}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-~~primary~~ px-3 py-2 text-sm transition-colors hover:bg-bg-~~secondary~~ disabled:opacity-50\"\n >\n <Download size={14} />\n {loading ? tr('audit.exporting', 'Exporting…') : tr('audit.export', 'Export')}\n </button>\n\n {showMenu ? (\n <div\n role=\"menu\"\n aria-label={tr('audit.exportOptions', 'Export options')}\n className=\"absolute right-0 top-full z-10 mt-1 min-w-[200px] rounded-lg border border-border-default bg-bg-surface py-1 shadow-lg\"\n >\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => handleExport(VibeAuditExportFormat.Csv)}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-~~secondary~~\"\n >\n <Download size={12} />\n {tr('audit.exportCsv', 'Download CSV')}\n </button>\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => handleExport(VibeAuditExportFormat.Json)}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-~~secondary~~\"\n >\n <Download size={12} />\n {tr('audit.exportJson', 'Download JSON')}\n </button>\n <div className=\"my-1 border-t border-border-subtle\" />\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => {\n setShowMenu(false);\n setSaveFormat(VibeAuditExportFormat.Csv);\n }}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-~~secondary~~\"\n >\n <FolderInput size={12} />\n {tr('audit.saveCsvToFiles', 'Save CSV to Files…')}\n </button>\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => {\n setShowMenu(false);\n setSaveFormat(VibeAuditExportFormat.Json);\n }}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-~~secondary~~\"\n >\n <FolderInput size={12} />\n {tr('audit.saveJsonToFiles', 'Save JSON to Files…')}\n </button>\n </div>\n ) : null}\n\n {saveFormat && (\n <SaveToFilesDialog\n open\n onOpenChange={(open: boolean) => {\n if (!open) setSaveFormat(null);\n }}\n defaultFolderPath=\"/Vibecontrols/Audit Logs\"\n filename={`vibe-audit-${new Date().toISOString().slice(0, 10)}.${saveFormat.toLowerCase()}`}\n source={{\n kind: 'blob',\n filename: `vibe-audit-${new Date().toISOString().slice(0, 10)}.${saveFormat.toLowerCase()}`,\n mimeType: saveFormat === VibeAuditExportFormat.Csv ? 'text/csv' : 'application/json',\n getBlob: async () => {\n const result = await exportMutation({\n variables: { input: { filter: filter \|\| {}, format: saveFormat } },\n });\n const data = result.data?.exportVibeAuditLogs?.data;\n if (!data) return null;\n return {\n blob: new Blob([data], {\n type: saveFormat === VibeAuditExportFormat.Csv ? 'text/csv' : 'application/json',\n }),\n };\n },\n }}\n />\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AuditExportButton.js","names":[],"sources":["../../../src/components/audit/AuditExportButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Download, FolderInput } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SaveToFilesDialog } from '@burdenoff/fe-libs/storage';\nimport { useExportVibeAuditLogsMutation } from '@/generated/wspace-operations';\nimport { VibeAuditExportFormat, type VibeAuditLogFilterInput } from '@/generated/wspace-types';\n\ninterface AuditExportButtonProps {\n filter?: VibeAuditLogFilterInput;\n}\n\nexport function AuditExportButton({ filter }: AuditExportButtonProps) {\n const { t } = useI18n();\n const menuRef = useRef<HTMLDivElement \| null>(null);\n const [showMenu, setShowMenu] = useState(false);\n const [saveFormat, setSaveFormat] = useState<VibeAuditExportFormat \| null>(null);\n const [exportMutation, { loading }] = useExportVibeAuditLogsMutation();\n\n const tr = (key: string, fallback: string) => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n\n useEffect(() => {\n if (!showMenu) return undefined;\n\n const handlePointerDown = (event: MouseEvent) => {\n if (!menuRef.current?.contains(event.target as Node)) {\n setShowMenu(false);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setShowMenu(false);\n }\n };\n\n window.addEventListener('mousedown', handlePointerDown);\n window.addEventListener('keydown', handleKeyDown);\n return () => {\n window.removeEventListener('mousedown', handlePointerDown);\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [showMenu]);\n\n const handleExport = async (format: VibeAuditExportFormat) => {\n setShowMenu(false);\n try {\n const result = await exportMutation({\n variables: {\n input: { filter: filter \|\| {}, format },\n },\n });\n\n const exportData = result.data?.exportVibeAuditLogs;\n if (!exportData) return;\n\n const blob = new Blob([exportData.data], {\n type: format === 'CSV' ? 'text/csv' : 'application/json',\n });\n const url = URL.createObjectURL(blob);\n const anchor = document.createElement('a');\n anchor.href = url;\n anchor.download = `vibe-audit-${new Date().toISOString().slice(0, 10)}.${format.toLowerCase()}`;\n document.body.appendChild(anchor);\n anchor.click();\n document.body.removeChild(anchor);\n URL.revokeObjectURL(url);\n } catch {\n // Apollo error handling surfaces failures globally.\n }\n };\n\n return (\n <div ref={menuRef} className=\"relative\">\n <button\n type=\"button\"\n aria-haspopup=\"menu\"\n aria-expanded={showMenu}\n onClick={() => setShowMenu((current) => !current)}\n disabled={loading}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-default px-3 py-2 text-sm transition-colors hover:bg-bg-surface disabled:opacity-50\"\n >\n <Download size={14} />\n {loading ? tr('audit.exporting', 'Exporting…') : tr('audit.export', 'Export')}\n </button>\n\n {showMenu ? (\n <div\n role=\"menu\"\n aria-label={tr('audit.exportOptions', 'Export options')}\n className=\"absolute right-0 top-full z-10 mt-1 min-w-[200px] rounded-lg border border-border-default bg-bg-surface py-1 shadow-lg\"\n >\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => handleExport(VibeAuditExportFormat.Csv)}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface\"\n >\n <Download size={12} />\n {tr('audit.exportCsv', 'Download CSV')}\n </button>\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => handleExport(VibeAuditExportFormat.Json)}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface\"\n >\n <Download size={12} />\n {tr('audit.exportJson', 'Download JSON')}\n </button>\n <div className=\"my-1 border-t border-border-subtle\" />\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => {\n setShowMenu(false);\n setSaveFormat(VibeAuditExportFormat.Csv);\n }}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface\"\n >\n <FolderInput size={12} />\n {tr('audit.saveCsvToFiles', 'Save CSV to Files…')}\n </button>\n <button\n type=\"button\"\n role=\"menuitem\"\n onClick={() => {\n setShowMenu(false);\n setSaveFormat(VibeAuditExportFormat.Json);\n }}\n className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-bg-surface\"\n >\n <FolderInput size={12} />\n {tr('audit.saveJsonToFiles', 'Save JSON to Files…')}\n </button>\n </div>\n ) : null}\n\n {saveFormat && (\n <SaveToFilesDialog\n open\n onOpenChange={(open: boolean) => {\n if (!open) setSaveFormat(null);\n }}\n defaultFolderPath=\"/Vibecontrols/Audit Logs\"\n filename={`vibe-audit-${new Date().toISOString().slice(0, 10)}.${saveFormat.toLowerCase()}`}\n source={{\n kind: 'blob',\n filename: `vibe-audit-${new Date().toISOString().slice(0, 10)}.${saveFormat.toLowerCase()}`,\n mimeType: saveFormat === VibeAuditExportFormat.Csv ? 'text/csv' : 'application/json',\n getBlob: async () => {\n const result = await exportMutation({\n variables: { input: { filter: filter \|\| {}, format: saveFormat } },\n });\n const data = result.data?.exportVibeAuditLogs?.data;\n if (!data) return null;\n return {\n blob: new Blob([data], {\n type: saveFormat === VibeAuditExportFormat.Csv ? 'text/csv' : 'application/json',\n }),\n };\n },\n }}\n />\n )}\n </div>\n );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,EAAkB,EAAE,aAAkC;CACpE,IAAM,EAAE,SAAM,GAAS,EACjB,IAAU,EAA8B,KAAK,EAC7C,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAY,KAAiB,EAAuC,KAAK,EAC1E,CAAC,GAAgB,EAAE,gBAAa,GAAgC,EAEhE,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;;AAGpC,SAAgB;AACd,MAAI,CAAC,EAAU;EAEf,IAAM,KAAqB,MAAsB;AAC/C,GAAK,EAAQ,SAAS,SAAS,EAAM,OAAe,IAClD,EAAY,GAAM;KAIhB,KAAiB,MAAyB;AAC9C,GAAI,EAAM,QAAQ,YAChB,EAAY,GAAM;;AAMtB,SAFA,OAAO,iBAAiB,aAAa,EAAkB,EACvD,OAAO,iBAAiB,WAAW,EAAc,QACpC;AAEX,GADA,OAAO,oBAAoB,aAAa,EAAkB,EAC1D,OAAO,oBAAoB,WAAW,EAAc;;IAErD,CAAC,EAAS,CAAC;CAEd,IAAM,IAAe,OAAO,MAAkC;AAC5D,IAAY,GAAM;AAClB,MAAI;GAOF,IAAM,KANS,MAAM,EAAe,EAClC,WAAW,EACT,OAAO;IAAE,QAAQ,KAAU,EAAE;IAAE;IAAQ,EACxC,EACF,CAAC,EAEwB,MAAM;AAChC,OAAI,CAAC,EAAY;GAEjB,IAAM,IAAO,IAAI,KAAK,CAAC,EAAW,KAAK,EAAE,EACvC,MAAM,MAAW,QAAQ,aAAa,oBACvC,CAAC,EACI,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAS,SAAS,cAAc,IAAI;AAM1C,GALA,EAAO,OAAO,GACd,EAAO,WAAW,+BAAc,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,EAAO,aAAa,IAC7F,SAAS,KAAK,YAAY,EAAO,EACjC,EAAO,OAAO,EACd,SAAS,KAAK,YAAY,EAAO,EACjC,IAAI,gBAAgB,EAAI;UAClB;;AAKV,QACE,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAU;YAA7B;GACE,kBAAC,UAAD;IACE,MAAK;IACL,iBAAc;IACd,iBAAe;IACf,eAAe,GAAa,MAAY,CAAC,EAAQ;IACjD,UAAU;IACV,WAAU;cANZ,CAQE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,IAAU,EAAG,mBAAmB,aAAa,GAAG,EAAG,gBAAgB,SAAS,CACtE;;GAER,IACC,kBAAC,OAAD;IACE,MAAK;IACL,cAAY,EAAG,uBAAuB,iBAAiB;IACvD,WAAU;cAHZ;KAKE,kBAAC,UAAD;MACE,MAAK;MACL,MAAK;MACL,eAAe,EAAa,EAAsB,IAAI;MACtD,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAG,mBAAmB,eAAe,CAC/B;;KACT,kBAAC,UAAD;MACE,MAAK;MACL,MAAK;MACL,eAAe,EAAa,EAAsB,KAAK;MACvD,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAG,oBAAoB,gBAAgB,CACjC;;KACT,kBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA;KACtD,kBAAC,UAAD;MACE,MAAK;MACL,MAAK;MACL,eAAe;AAEb,OADA,EAAY,GAAM,EAClB,EAAc,EAAsB,IAAI;;MAE1C,WAAU;gBAPZ,CASE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EAAG,wBAAwB,qBAAqB,CAC1C;;KACT,kBAAC,UAAD;MACE,MAAK;MACL,MAAK;MACL,eAAe;AAEb,OADA,EAAY,GAAM,EAClB,EAAc,EAAsB,KAAK;;MAE3C,WAAU;gBAPZ,CASE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EAAG,yBAAyB,sBAAsB,CAC5C;;KACL;QACJ;GAEH,KACC,kBAAC,GAAD;IACE,MAAA;IACA,eAAe,MAAkB;AAC/B,KAAK,KAAM,EAAc,KAAK;;IAEhC,mBAAkB;IAClB,UAAU,+BAAc,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,EAAW,aAAa;IACzF,QAAQ;KACN,MAAM;KACN,UAAU,+BAAc,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,EAAW,aAAa;KACzF,UAAU,MAAe,EAAsB,MAAM,aAAa;KAClE,SAAS,YAAY;MAInB,IAAM,KAHS,MAAM,EAAe,EAClC,WAAW,EAAE,OAAO;OAAE,QAAQ,KAAU,EAAE;OAAE,QAAQ;OAAY,EAAE,EACnE,CAAC,EACkB,MAAM,qBAAqB;AAE/C,aADK,IACE,EACL,MAAM,IAAI,KAAK,CAAC,EAAK,EAAE,EACrB,MAAM,MAAe,EAAsB,MAAM,aAAa,oBAC/D,CAAC,EACH,GALiB;;KAOrB;IACD,CAAA;GAEA"}

package/dist/components/audit/AuditLogDetail.js CHANGED Viewed

@@ -8,11 +8,11 @@ import { jsx as u, jsxs as d } from "react/jsx-runtime";
 function f({ data: e, label: t }) {
 	let [r, i] = n(!1);
 	return e ? /* @__PURE__ */ d("div", {
-		className: "border border-border-primary rounded-lg overflow-hidden",
+		className: "border border-border-default rounded-lg overflow-hidden",
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			onClick: () => i(!r),
-			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary",
+			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-sunken hover:bg-bg-surface",
 			children: [u(r ? a : o, { size: 14 }), t]
 		}), r && /* @__PURE__ */ u("pre", {
 			className: "px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken",
@@ -23,17 +23,17 @@ function f({ data: e, label: t }) {
 function p({ command: e, output: t, exitCode: r }) {
 	let [a, o] = n(!1);
 	return !e && !t ? null : /* @__PURE__ */ d("div", {
-		className: "border border-border-primary rounded-lg overflow-hidden",
+		className: "border border-border-default rounded-lg overflow-hidden",
 		children: [
 			/* @__PURE__ */ d("div", {
-				className: "flex items-center justify-between px-3 py-2 bg-bg-secondary/50",
+				className: "flex items-center justify-between px-3 py-2 bg-bg-sunken",
 				children: [/* @__PURE__ */ d("span", {
 					className: "flex items-center gap-2 text-sm font-medium",
 					children: [
 						/* @__PURE__ */ u(c, { size: 14 }),
 						"Command Execution",
 						r != null && /* @__PURE__ */ d("span", {
-							className: `px-1.5 py-0.5 rounded text-xs ${r === 0 ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
+							className: `px-1.5 py-0.5 rounded text-xs ${r === 0 ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
 							children: ["exit ", r]
 						})
 					]
@@ -42,7 +42,7 @@ function p({ command: e, output: t, exitCode: r }) {
 					onClick: () => {
 						e && (navigator.clipboard.writeText(e), o(!0), setTimeout(() => o(!1), 2e3));
 					},
-					className: "p-1 rounded hover:bg-bg-secondary text-text-secondary",
+					className: "p-1 rounded hover:bg-bg-surface text-text-secondary",
 					title: "Copy command",
 					children: u(a ? i : s, { size: 14 })
 				})]
@@ -70,11 +70,11 @@ function m({ changeset: e }) {
 	if (!e || typeof e != "object") return null;
 	let i = Object.entries(e);
 	return i.length === 0 ? null : /* @__PURE__ */ d("div", {
-		className: "border border-border-primary rounded-lg overflow-hidden",
+		className: "border border-border-default rounded-lg overflow-hidden",
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			onClick: () => r(!t),
-			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary",
+			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-sunken hover:bg-bg-surface",
 			children: [
 				u(t ? a : o, { size: 14 }),
 				"Changes (",
@@ -160,7 +160,7 @@ function h({ log: n, onClose: i, footer: a }) {
 					type: "button",
 					"aria-label": s("audit.closeDetail", "Close audit log detail"),
 					onClick: i,
-					className: "flex size-10 items-center justify-center rounded hover:bg-bg-secondary",
+					className: "flex size-10 items-center justify-center rounded hover:bg-bg-surface",
 					children: /* @__PURE__ */ u(l, { size: 16 })
 				})]
 			}), /* @__PURE__ */ d("div", {

package/dist/components/audit/AuditLogDetail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuditLogDetail.js","names":[],"sources":["../../../src/components/audit/AuditLogDetail.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useEffect, useState, type ReactNode } from 'react';\nimport { X, ChevronDown, ChevronRight, Copy, Check, Terminal } from 'lucide-react';\nimport type { VibeAuditLogDetailFragment } from '@/generated/wspace-operations';\nimport { StatusBadge } from '@/components/shared';\n\ninterface AuditLogDetailProps {\n log: VibeAuditLogDetailFragment;\n onClose: () => void;\n /** Optional action node rendered at the bottom of the panel (e.g. drill-down). /\n footer?: ReactNode;\n}\n\nfunction JsonViewer({ data, label }: { data: unknown; label: string }) {\n const [expanded, setExpanded] = useState(false);\n if (!data) return null;\n\n return (\n <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n <button\n type=\"button\"\n onClick={() => setExpanded(!expanded)}\n className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n >\n {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n {label}\n </button>\n {expanded && (\n <pre className=\"px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken\">\n {JSON.stringify(data, null, 2)}\n </pre>\n )}\n </div>\n );\n}\n\nfunction CommandBlock({\n command,\n output,\n exitCode,\n}: {\n command?: string \| null;\n output?: string \| null;\n exitCode?: number \| null;\n}) {\n const [copied, setCopied] = useState(false);\n if (!command && !output) return null;\n\n const handleCopy = () => {\n if (command) {\n navigator.clipboard.writeText(command);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n };\n\n return (\n <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-3 py-2 bg-bg-secondary/50\">\n <span className=\"flex items-center gap-2 text-sm font-medium\">\n <Terminal size={14} />\n Command Execution\n {exitCode !== null && exitCode !== undefined && (\n <span\n className={`px-1.5 py-0.5 rounded text-xs ${exitCode === 0 ? 'bg-status-success-bg text-status-success-text' : 'bg-status-error-bg text-status-error-text'}`}\n >\n exit {exitCode}\n </span>\n )}\n </span>\n {command && (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"p-1 rounded hover:bg-bg-secondary text-text-secondary\"\n title=\"Copy command\"\n >\n {copied ? <Check size={14} /> : <Copy size={14} />}\n </button>\n )}\n </div>\n {command && (\n <div className=\"px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs\">\n <span className=\"text-status-success-text\">$</span> {command}\n </div>\n )}\n {output && (\n <pre className=\"px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48\">\n {output}\n </pre>\n )}\n </div>\n );\n}\n\nfunction ChangesetViewer({ changeset }: { changeset: Record<string, unknown> \| null \| undefined }) {\n const [expanded, setExpanded] = useState(false);\n if (!changeset \|\| typeof changeset !== 'object') return null;\n\n const changes = Object.entries(changeset as Record<string, { from: unknown; to: unknown }>);\n if (changes.length === 0) return null;\n\n return (\n <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n <button\n type=\"button\"\n onClick={() => setExpanded(!expanded)}\n className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n >\n {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n Changes ({changes.length} field{changes.length !== 1 ? 's' : ''})\n </button>\n {expanded && (\n <div className=\"px-3 py-2 space-y-2\">\n {changes.map(([field, change]) => (\n <div key={field} className=\"text-xs\">\n <span className=\"font-medium text-text-primary\">{field}</span>\n <div className=\"ml-4 mt-1 space-y-0.5\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-status-error-text font-mono\">-</span>\n <span className=\"text-status-error-text\">\n {JSON.stringify((change as { from: unknown }).from)}\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <span className=\"text-status-success-text font-mono\">+</span>\n <span className=\"text-status-success-text\">\n {JSON.stringify((change as { to: unknown }).to)}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n}\n\nexport function AuditLogDetail({ log, onClose, footer }: AuditLogDetailProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onClose();\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [onClose]);\n\n return (\n <div className=\"fixed inset-0 z-[1000] flex justify-end bg-bg-overlay/40\">\n <button\n type=\"button\"\n aria-label={tr('audit.closeDetailOverlay', 'Close audit log detail')}\n className=\"absolute inset-0 cursor-default\"\n onClick={onClose}\n />\n <aside className=\"relative flex h-full w-full max-w-[480px] flex-col border-l border-border-default bg-bg-surface shadow-xl\">\n {/ Header /}\n <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n <div>\n <h3 className=\"text-sm font-semibold\">{log.action.replace(/_/g, ' ')}</h3>\n <p className=\"text-xs text-text-secondary\">\n {log.resourceType.replace(/_/g, ' ')}\n {log.resourceName ? ` · ${log.resourceName}` : ''}\n </p>\n <details className=\"mt-1\">\n <summary className=\"cursor-pointer text-[10px] uppercase tracking-wider text-text-secondary hover:text-text-primary\">\n Event ID\n </summary>\n <span className=\"mt-1 block break-all font-mono text-[11px] text-text-secondary\">\n {log.id}\n </span>\n </details>\n </div>\n <button\n type=\"button\"\n aria-label={tr('audit.closeDetail', 'Close audit log detail')}\n onClick={onClose}\n className=\"flex size-10 items-center justify-center rounded hover:bg-bg-secondary\"\n >\n <X size={16} />\n </button>\n </div>\n\n {/ Content /}\n <div className=\"flex-1 overflow-y-auto p-4 space-y-4\">\n {/ Summary /}\n <div className=\"grid grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-text-secondary text-xs\">Action</span>\n <div className=\"font-medium\">{log.action}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Status</span>\n <div>\n <StatusBadge status={log.status} size=\"sm\" />\n </div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Resource Type</span>\n <div className=\"font-medium\">{log.resourceType.replace(/_/g, ' ')}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Resource ID</span>\n <div className=\"font-mono text-xs truncate\">{log.resourceId \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Resource Name</span>\n <div>{log.resourceName \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Description</span>\n <div className=\"text-text-secondary\">{log.description \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Actor</span>\n <div className=\"flex items-center gap-2\">\n <span className=\"capitalize\">\n {(log.actorType \|\| 'unknown').toLowerCase().replace(/_/g, ' ')}\n </span>\n <details className=\"text-xs text-text-secondary\">\n <summary className=\"cursor-pointer hover:text-text-primary\">ID</summary>\n <span className=\"ml-2 break-all font-mono text-[11px]\">{log.actorId}</span>\n </details>\n </div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Timestamp</span>\n <div className=\"text-xs\">{new Date(log.createdAt).toLocaleString()}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">IP Address</span>\n <div className=\"font-mono text-xs\">{log.ipAddress \|\| '-'}</div>\n </div>\n {log.expiresAt && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Expires At</span>\n <div className=\"text-xs text-status-warning-text\">\n {new Date(log.expiresAt).toLocaleString()}\n </div>\n </div>\n )}\n {log.errorMessage && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Error</span>\n <div className=\"text-status-error-text text-xs\">{log.errorMessage}</div>\n </div>\n )}\n {log.deleteReason && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Delete Reason</span>\n <div className=\"text-xs\">{log.deleteReason}</div>\n </div>\n )}\n </div>\n\n {/ Command execution /}\n <CommandBlock command={log.command} output={log.output} exitCode={log.exitCode} />\n\n {/ Changeset /}\n <ChangesetViewer changeset={log.changeset as Record<string, unknown> \| null} />\n\n {/ State snapshots */}\n <JsonViewer data={log.previousState} label=\"Previous State\" />\n <JsonViewer data={log.newState} label=\"New State\" />\n <JsonViewer data={log.metadata} label=\"Metadata\" />\n\n {footer ? <div className=\"pt-2\">{footer}</div> : null}\n </div>\n </aside>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AuditLogDetail.js","names":[],"sources":["../../../src/components/audit/AuditLogDetail.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useEffect, useState, type ReactNode } from 'react';\nimport { X, ChevronDown, ChevronRight, Copy, Check, Terminal } from 'lucide-react';\nimport type { VibeAuditLogDetailFragment } from '@/generated/wspace-operations';\nimport { StatusBadge } from '@/components/shared';\n\ninterface AuditLogDetailProps {\n log: VibeAuditLogDetailFragment;\n onClose: () => void;\n /** Optional action node rendered at the bottom of the panel (e.g. drill-down). /\n footer?: ReactNode;\n}\n\nfunction JsonViewer({ data, label }: { data: unknown; label: string }) {\n const [expanded, setExpanded] = useState(false);\n if (!data) return null;\n\n return (\n <div className=\"border border-border-default rounded-lg overflow-hidden\">\n <button\n type=\"button\"\n onClick={() => setExpanded(!expanded)}\n className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-sunken hover:bg-bg-surface\"\n >\n {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n {label}\n </button>\n {expanded && (\n <pre className=\"px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken\">\n {JSON.stringify(data, null, 2)}\n </pre>\n )}\n </div>\n );\n}\n\nfunction CommandBlock({\n command,\n output,\n exitCode,\n}: {\n command?: string \| null;\n output?: string \| null;\n exitCode?: number \| null;\n}) {\n const [copied, setCopied] = useState(false);\n if (!command && !output) return null;\n\n const handleCopy = () => {\n if (command) {\n navigator.clipboard.writeText(command);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n };\n\n return (\n <div className=\"border border-border-default rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-3 py-2 bg-bg-sunken\">\n <span className=\"flex items-center gap-2 text-sm font-medium\">\n <Terminal size={14} />\n Command Execution\n {exitCode !== null && exitCode !== undefined && (\n <span\n className={`px-1.5 py-0.5 rounded text-xs ${exitCode === 0 ? 'bg-status-success-bg-subtle text-status-success-text' : 'bg-status-error-bg-subtle text-status-error-text'}`}\n >\n exit {exitCode}\n </span>\n )}\n </span>\n {command && (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"p-1 rounded hover:bg-bg-surface text-text-secondary\"\n title=\"Copy command\"\n >\n {copied ? <Check size={14} /> : <Copy size={14} />}\n </button>\n )}\n </div>\n {command && (\n <div className=\"px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs\">\n <span className=\"text-status-success-text\">$</span> {command}\n </div>\n )}\n {output && (\n <pre className=\"px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48\">\n {output}\n </pre>\n )}\n </div>\n );\n}\n\nfunction ChangesetViewer({ changeset }: { changeset: Record<string, unknown> \| null \| undefined }) {\n const [expanded, setExpanded] = useState(false);\n if (!changeset \|\| typeof changeset !== 'object') return null;\n\n const changes = Object.entries(changeset as Record<string, { from: unknown; to: unknown }>);\n if (changes.length === 0) return null;\n\n return (\n <div className=\"border border-border-default rounded-lg overflow-hidden\">\n <button\n type=\"button\"\n onClick={() => setExpanded(!expanded)}\n className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-sunken hover:bg-bg-surface\"\n >\n {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n Changes ({changes.length} field{changes.length !== 1 ? 's' : ''})\n </button>\n {expanded && (\n <div className=\"px-3 py-2 space-y-2\">\n {changes.map(([field, change]) => (\n <div key={field} className=\"text-xs\">\n <span className=\"font-medium text-text-primary\">{field}</span>\n <div className=\"ml-4 mt-1 space-y-0.5\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-status-error-text font-mono\">-</span>\n <span className=\"text-status-error-text\">\n {JSON.stringify((change as { from: unknown }).from)}\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <span className=\"text-status-success-text font-mono\">+</span>\n <span className=\"text-status-success-text\">\n {JSON.stringify((change as { to: unknown }).to)}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n}\n\nexport function AuditLogDetail({ log, onClose, footer }: AuditLogDetailProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onClose();\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [onClose]);\n\n return (\n <div className=\"fixed inset-0 z-[1000] flex justify-end bg-bg-overlay/40\">\n <button\n type=\"button\"\n aria-label={tr('audit.closeDetailOverlay', 'Close audit log detail')}\n className=\"absolute inset-0 cursor-default\"\n onClick={onClose}\n />\n <aside className=\"relative flex h-full w-full max-w-[480px] flex-col border-l border-border-default bg-bg-surface shadow-xl\">\n {/ Header /}\n <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n <div>\n <h3 className=\"text-sm font-semibold\">{log.action.replace(/_/g, ' ')}</h3>\n <p className=\"text-xs text-text-secondary\">\n {log.resourceType.replace(/_/g, ' ')}\n {log.resourceName ? ` · ${log.resourceName}` : ''}\n </p>\n <details className=\"mt-1\">\n <summary className=\"cursor-pointer text-[10px] uppercase tracking-wider text-text-secondary hover:text-text-primary\">\n Event ID\n </summary>\n <span className=\"mt-1 block break-all font-mono text-[11px] text-text-secondary\">\n {log.id}\n </span>\n </details>\n </div>\n <button\n type=\"button\"\n aria-label={tr('audit.closeDetail', 'Close audit log detail')}\n onClick={onClose}\n className=\"flex size-10 items-center justify-center rounded hover:bg-bg-surface\"\n >\n <X size={16} />\n </button>\n </div>\n\n {/ Content /}\n <div className=\"flex-1 overflow-y-auto p-4 space-y-4\">\n {/ Summary /}\n <div className=\"grid grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-text-secondary text-xs\">Action</span>\n <div className=\"font-medium\">{log.action}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Status</span>\n <div>\n <StatusBadge status={log.status} size=\"sm\" />\n </div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Resource Type</span>\n <div className=\"font-medium\">{log.resourceType.replace(/_/g, ' ')}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Resource ID</span>\n <div className=\"font-mono text-xs truncate\">{log.resourceId \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Resource Name</span>\n <div>{log.resourceName \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Description</span>\n <div className=\"text-text-secondary\">{log.description \|\| '-'}</div>\n </div>\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Actor</span>\n <div className=\"flex items-center gap-2\">\n <span className=\"capitalize\">\n {(log.actorType \|\| 'unknown').toLowerCase().replace(/_/g, ' ')}\n </span>\n <details className=\"text-xs text-text-secondary\">\n <summary className=\"cursor-pointer hover:text-text-primary\">ID</summary>\n <span className=\"ml-2 break-all font-mono text-[11px]\">{log.actorId}</span>\n </details>\n </div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">Timestamp</span>\n <div className=\"text-xs\">{new Date(log.createdAt).toLocaleString()}</div>\n </div>\n <div>\n <span className=\"text-text-secondary text-xs\">IP Address</span>\n <div className=\"font-mono text-xs\">{log.ipAddress \|\| '-'}</div>\n </div>\n {log.expiresAt && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Expires At</span>\n <div className=\"text-xs text-status-warning-text\">\n {new Date(log.expiresAt).toLocaleString()}\n </div>\n </div>\n )}\n {log.errorMessage && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Error</span>\n <div className=\"text-status-error-text text-xs\">{log.errorMessage}</div>\n </div>\n )}\n {log.deleteReason && (\n <div className=\"col-span-2\">\n <span className=\"text-text-secondary text-xs\">Delete Reason</span>\n <div className=\"text-xs\">{log.deleteReason}</div>\n </div>\n )}\n </div>\n\n {/ Command execution /}\n <CommandBlock command={log.command} output={log.output} exitCode={log.exitCode} />\n\n {/ Changeset /}\n <ChangesetViewer changeset={log.changeset as Record<string, unknown> \| null} />\n\n {/ State snapshots */}\n <JsonViewer data={log.previousState} label=\"Previous State\" />\n <JsonViewer data={log.newState} label=\"New State\" />\n <JsonViewer data={log.metadata} label=\"Metadata\" />\n\n {footer ? <div className=\"pt-2\">{footer}</div> : null}\n </div>\n </aside>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/audit/AuditLogFilters.js CHANGED Viewed

@@ -198,7 +198,7 @@ function a({ searchQuery: a, onSearchChange: o, actionFilter: s, onActionChange:
 					type: "checkbox",
 					checked: p,
 					onChange: (e) => m(e.target.checked),
-					className: "rounded border-border-primary"
+					className: "rounded border-border-default"
 				}), S("audit.commandsOnly", "Commands only")]
 			})
 		]

package/dist/components/audit/AuditLogFilters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuditLogFilters.js","names":[],"sources":["../../../src/components/audit/AuditLogFilters.tsx"],"sourcesContent":["import { SearchInput, FilterDropdown } from '@/components/shared';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface AgentOption {\n id: string;\n name: string;\n}\n\ninterface VibeOption {\n id: string;\n name: string;\n}\n\ninterface AuditLogFiltersProps {\n searchQuery: string;\n onSearchChange: (query: string) => void;\n actionFilter: string \| null;\n onActionChange: (value: string) => void;\n resourceTypeFilter: string \| null;\n onResourceTypeChange: (value: string) => void;\n statusFilter: string \| null;\n onStatusChange: (value: string) => void;\n hasCommandFilter: boolean;\n onHasCommandChange: (value: boolean) => void;\n agentFilter?: string \| null;\n onAgentChange?: (value: string) => void;\n agents?: AgentOption[];\n vibeFilter?: string \| null;\n onVibeChange?: (value: string) => void;\n vibes?: VibeOption[];\n}\n\nexport function AuditLogFilters({\n searchQuery,\n onSearchChange,\n actionFilter,\n onActionChange,\n resourceTypeFilter,\n onResourceTypeChange,\n statusFilter,\n onStatusChange,\n hasCommandFilter,\n onHasCommandChange,\n agentFilter,\n onAgentChange,\n agents,\n vibeFilter,\n onVibeChange,\n vibes,\n}: AuditLogFiltersProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n\n const actionOptions = [\n { value: 'all', label: tr('audit.allActions', 'All Actions') },\n { value: 'CREATE', label: tr('audit.actionCreate', 'Create') },\n { value: 'UPDATE', label: tr('audit.actionUpdate', 'Update') },\n { value: 'DELETE', label: tr('audit.actionDelete', 'Delete') },\n { value: 'EXECUTE', label: tr('audit.actionExecute', 'Execute') },\n { value: 'EXPORT', label: tr('audit.actionExport', 'Export') },\n { value: 'SHARE', label: tr('audit.actionShare', 'Share') },\n { value: 'REVOKE', label: tr('audit.actionRevoke', 'Revoke') },\n { value: 'ARCHIVE', label: tr('audit.actionArchive', 'Archive') },\n { value: 'RESTORE', label: tr('audit.actionRestore', 'Restore') },\n ];\n\n const resourceTypeOptions = [\n { value: 'all', label: tr('audit.allResources', 'All Resources') },\n { value: 'AGENT', label: tr('audit.resourceAgent', 'Agent') },\n { value: 'VIBE', label: tr('audit.resourceVibe', 'Vibe') },\n { value: 'SESSION', label: tr('audit.resourceSession', 'Session') },\n { value: 'VIBE_DECK', label: tr('audit.resourceVibeDeck', 'Vibe Deck') },\n { value: 'VIBE_DECK_BUTTON', label: tr('audit.resourceDeckButton', 'Deck Button') },\n { value: 'NOTE', label: tr('audit.resourceNote', 'Note') },\n { value: 'CONFIGURATION', label: tr('audit.resourceConfiguration', 'Configuration') },\n { value: 'WEBHOOK', label: tr('audit.resourceWebhook', 'Webhook') },\n { value: 'SESSION_SHARE', label: tr('audit.resourceSessionShare', 'Session Share') },\n { value: 'AI_TOOL_EVENT', label: tr('audit.resourceAiToolEvent', 'AI Tool Event') },\n { value: 'AUDIT_LOG', label: tr('audit.resourceAuditLog', 'Audit Log') },\n { value: 'CALENDAR_TASK', label: tr('audit.resourceCalendarTask', 'Calendar Task') },\n { value: 'TARGET', label: tr('audit.resourceTarget', 'Target') },\n { value: 'AGENT_CONNECTION', label: tr('audit.resourceAgentConnection', 'Agent Connection') },\n { value: 'UI_SESSION', label: tr('audit.resourceUiSession', 'UI Session') },\n { value: 'SESSION_SHARE_LINK', label: tr('audit.resourceShareLink', 'Share Link') },\n ];\n\n const statusOptions = [\n { value: 'all', label: tr('audit.allStatuses', 'All Statuses') },\n { value: 'SUCCESS', label: tr('audit.statusSuccess', 'Success') },\n { value: 'FAILURE', label: tr('audit.statusFailure', 'Failure') },\n { value: 'DENIED', label: tr('audit.statusDenied', 'Denied') },\n { value: 'ERROR', label: tr('audit.statusError', 'Error') },\n ];\n\n const agentOptions = [\n { value: 'all', label: tr('audit.allAgents', 'All Agents') },\n ...(agents ?? []).map((a) => ({ value: a.id, label: a.name })),\n ];\n\n const vibeOptions = [\n { value: 'all', label: tr('audit.allVibes', 'All Vibes') },\n ...(vibes ?? []).map((v) => ({ value: v.id, label: v.name })),\n ];\n\n return (\n <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n <SearchInput\n value={searchQuery}\n onChange={onSearchChange}\n placeholder={tr('audit.searchPlaceholder', 'Search audit logs...')}\n className=\"w-full sm:w-64\"\n />\n <FilterDropdown\n label={tr('audit.action', 'Action')}\n options={actionOptions}\n value={actionFilter}\n onChange={onActionChange}\n />\n <FilterDropdown\n label={tr('audit.resource', 'Resource')}\n options={resourceTypeOptions}\n value={resourceTypeFilter}\n onChange={onResourceTypeChange}\n />\n <FilterDropdown\n label={tr('audit.status', 'Status')}\n options={statusOptions}\n value={statusFilter}\n onChange={onStatusChange}\n />\n {onAgentChange && (\n <FilterDropdown\n label={tr('audit.agent', 'Agent')}\n options={agentOptions}\n value={agentFilter ?? 'all'}\n onChange={onAgentChange}\n />\n )}\n {onVibeChange && (\n <FilterDropdown\n label={tr('audit.vibe', 'Vibe')}\n options={vibeOptions}\n value={vibeFilter ?? 'all'}\n onChange={onVibeChange}\n />\n )}\n <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n <input\n aria-label=\"control\"\n type=\"checkbox\"\n checked={hasCommandFilter}\n onChange={(e) => onHasCommandChange(e.target.checked)}\n className=\"rounded border-border-~~primary~~\"\n />\n {tr('audit.commandsOnly', 'Commands only')}\n </label>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AuditLogFilters.js","names":[],"sources":["../../../src/components/audit/AuditLogFilters.tsx"],"sourcesContent":["import { SearchInput, FilterDropdown } from '@/components/shared';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface AgentOption {\n id: string;\n name: string;\n}\n\ninterface VibeOption {\n id: string;\n name: string;\n}\n\ninterface AuditLogFiltersProps {\n searchQuery: string;\n onSearchChange: (query: string) => void;\n actionFilter: string \| null;\n onActionChange: (value: string) => void;\n resourceTypeFilter: string \| null;\n onResourceTypeChange: (value: string) => void;\n statusFilter: string \| null;\n onStatusChange: (value: string) => void;\n hasCommandFilter: boolean;\n onHasCommandChange: (value: boolean) => void;\n agentFilter?: string \| null;\n onAgentChange?: (value: string) => void;\n agents?: AgentOption[];\n vibeFilter?: string \| null;\n onVibeChange?: (value: string) => void;\n vibes?: VibeOption[];\n}\n\nexport function AuditLogFilters({\n searchQuery,\n onSearchChange,\n actionFilter,\n onActionChange,\n resourceTypeFilter,\n onResourceTypeChange,\n statusFilter,\n onStatusChange,\n hasCommandFilter,\n onHasCommandChange,\n agentFilter,\n onAgentChange,\n agents,\n vibeFilter,\n onVibeChange,\n vibes,\n}: AuditLogFiltersProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n\n const actionOptions = [\n { value: 'all', label: tr('audit.allActions', 'All Actions') },\n { value: 'CREATE', label: tr('audit.actionCreate', 'Create') },\n { value: 'UPDATE', label: tr('audit.actionUpdate', 'Update') },\n { value: 'DELETE', label: tr('audit.actionDelete', 'Delete') },\n { value: 'EXECUTE', label: tr('audit.actionExecute', 'Execute') },\n { value: 'EXPORT', label: tr('audit.actionExport', 'Export') },\n { value: 'SHARE', label: tr('audit.actionShare', 'Share') },\n { value: 'REVOKE', label: tr('audit.actionRevoke', 'Revoke') },\n { value: 'ARCHIVE', label: tr('audit.actionArchive', 'Archive') },\n { value: 'RESTORE', label: tr('audit.actionRestore', 'Restore') },\n ];\n\n const resourceTypeOptions = [\n { value: 'all', label: tr('audit.allResources', 'All Resources') },\n { value: 'AGENT', label: tr('audit.resourceAgent', 'Agent') },\n { value: 'VIBE', label: tr('audit.resourceVibe', 'Vibe') },\n { value: 'SESSION', label: tr('audit.resourceSession', 'Session') },\n { value: 'VIBE_DECK', label: tr('audit.resourceVibeDeck', 'Vibe Deck') },\n { value: 'VIBE_DECK_BUTTON', label: tr('audit.resourceDeckButton', 'Deck Button') },\n { value: 'NOTE', label: tr('audit.resourceNote', 'Note') },\n { value: 'CONFIGURATION', label: tr('audit.resourceConfiguration', 'Configuration') },\n { value: 'WEBHOOK', label: tr('audit.resourceWebhook', 'Webhook') },\n { value: 'SESSION_SHARE', label: tr('audit.resourceSessionShare', 'Session Share') },\n { value: 'AI_TOOL_EVENT', label: tr('audit.resourceAiToolEvent', 'AI Tool Event') },\n { value: 'AUDIT_LOG', label: tr('audit.resourceAuditLog', 'Audit Log') },\n { value: 'CALENDAR_TASK', label: tr('audit.resourceCalendarTask', 'Calendar Task') },\n { value: 'TARGET', label: tr('audit.resourceTarget', 'Target') },\n { value: 'AGENT_CONNECTION', label: tr('audit.resourceAgentConnection', 'Agent Connection') },\n { value: 'UI_SESSION', label: tr('audit.resourceUiSession', 'UI Session') },\n { value: 'SESSION_SHARE_LINK', label: tr('audit.resourceShareLink', 'Share Link') },\n ];\n\n const statusOptions = [\n { value: 'all', label: tr('audit.allStatuses', 'All Statuses') },\n { value: 'SUCCESS', label: tr('audit.statusSuccess', 'Success') },\n { value: 'FAILURE', label: tr('audit.statusFailure', 'Failure') },\n { value: 'DENIED', label: tr('audit.statusDenied', 'Denied') },\n { value: 'ERROR', label: tr('audit.statusError', 'Error') },\n ];\n\n const agentOptions = [\n { value: 'all', label: tr('audit.allAgents', 'All Agents') },\n ...(agents ?? []).map((a) => ({ value: a.id, label: a.name })),\n ];\n\n const vibeOptions = [\n { value: 'all', label: tr('audit.allVibes', 'All Vibes') },\n ...(vibes ?? []).map((v) => ({ value: v.id, label: v.name })),\n ];\n\n return (\n <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n <SearchInput\n value={searchQuery}\n onChange={onSearchChange}\n placeholder={tr('audit.searchPlaceholder', 'Search audit logs...')}\n className=\"w-full sm:w-64\"\n />\n <FilterDropdown\n label={tr('audit.action', 'Action')}\n options={actionOptions}\n value={actionFilter}\n onChange={onActionChange}\n />\n <FilterDropdown\n label={tr('audit.resource', 'Resource')}\n options={resourceTypeOptions}\n value={resourceTypeFilter}\n onChange={onResourceTypeChange}\n />\n <FilterDropdown\n label={tr('audit.status', 'Status')}\n options={statusOptions}\n value={statusFilter}\n onChange={onStatusChange}\n />\n {onAgentChange && (\n <FilterDropdown\n label={tr('audit.agent', 'Agent')}\n options={agentOptions}\n value={agentFilter ?? 'all'}\n onChange={onAgentChange}\n />\n )}\n {onVibeChange && (\n <FilterDropdown\n label={tr('audit.vibe', 'Vibe')}\n options={vibeOptions}\n value={vibeFilter ?? 'all'}\n onChange={onVibeChange}\n />\n )}\n <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n <input\n aria-label=\"control\"\n type=\"checkbox\"\n checked={hasCommandFilter}\n onChange={(e) => onHasCommandChange(e.target.checked)}\n className=\"rounded border-border-default\"\n />\n {tr('audit.commandsOnly', 'Commands only')}\n </label>\n </div>\n );\n}\n"],"mappings":";;;;;;AAgCA,SAAgB,EAAgB,EAC9B,gBACA,mBACA,iBACA,mBACA,uBACA,yBACA,iBACA,mBACA,qBACA,uBACA,gBACA,kBACA,WACA,eACA,iBACA,YACuB;CACvB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;IAG1B,IAAgB;EACpB;GAAE,OAAO;GAAO,OAAO,EAAG,oBAAoB,cAAc;GAAE;EAC9D;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAW,OAAO,EAAG,uBAAuB,UAAU;GAAE;EACjE;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAS,OAAO,EAAG,qBAAqB,QAAQ;GAAE;EAC3D;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAW,OAAO,EAAG,uBAAuB,UAAU;GAAE;EACjE;GAAE,OAAO;GAAW,OAAO,EAAG,uBAAuB,UAAU;GAAE;EAClE,EAEK,IAAsB;EAC1B;GAAE,OAAO;GAAO,OAAO,EAAG,sBAAsB,gBAAgB;GAAE;EAClE;GAAE,OAAO;GAAS,OAAO,EAAG,uBAAuB,QAAQ;GAAE;EAC7D;GAAE,OAAO;GAAQ,OAAO,EAAG,sBAAsB,OAAO;GAAE;EAC1D;GAAE,OAAO;GAAW,OAAO,EAAG,yBAAyB,UAAU;GAAE;EACnE;GAAE,OAAO;GAAa,OAAO,EAAG,0BAA0B,YAAY;GAAE;EACxE;GAAE,OAAO;GAAoB,OAAO,EAAG,4BAA4B,cAAc;GAAE;EACnF;GAAE,OAAO;GAAQ,OAAO,EAAG,sBAAsB,OAAO;GAAE;EAC1D;GAAE,OAAO;GAAiB,OAAO,EAAG,+BAA+B,gBAAgB;GAAE;EACrF;GAAE,OAAO;GAAW,OAAO,EAAG,yBAAyB,UAAU;GAAE;EACnE;GAAE,OAAO;GAAiB,OAAO,EAAG,8BAA8B,gBAAgB;GAAE;EACpF;GAAE,OAAO;GAAiB,OAAO,EAAG,6BAA6B,gBAAgB;GAAE;EACnF;GAAE,OAAO;GAAa,OAAO,EAAG,0BAA0B,YAAY;GAAE;EACxE;GAAE,OAAO;GAAiB,OAAO,EAAG,8BAA8B,gBAAgB;GAAE;EACpF;GAAE,OAAO;GAAU,OAAO,EAAG,wBAAwB,SAAS;GAAE;EAChE;GAAE,OAAO;GAAoB,OAAO,EAAG,iCAAiC,mBAAmB;GAAE;EAC7F;GAAE,OAAO;GAAc,OAAO,EAAG,2BAA2B,aAAa;GAAE;EAC3E;GAAE,OAAO;GAAsB,OAAO,EAAG,2BAA2B,aAAa;GAAE;EACpF,EAEK,IAAgB;EACpB;GAAE,OAAO;GAAO,OAAO,EAAG,qBAAqB,eAAe;GAAE;EAChE;GAAE,OAAO;GAAW,OAAO,EAAG,uBAAuB,UAAU;GAAE;EACjE;GAAE,OAAO;GAAW,OAAO,EAAG,uBAAuB,UAAU;GAAE;EACjE;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAS,OAAO,EAAG,qBAAqB,QAAQ;GAAE;EAC5D,EAEK,IAAe,CACnB;EAAE,OAAO;EAAO,OAAO,EAAG,mBAAmB,aAAa;EAAE,EAC5D,IAAI,KAAU,EAAE,EAAE,KAAK,OAAO;EAAE,OAAO,EAAE;EAAI,OAAO,EAAE;EAAM,EAAE,CAC/D,EAEK,IAAc,CAClB;EAAE,OAAO;EAAO,OAAO,EAAG,kBAAkB,YAAY;EAAE,EAC1D,IAAI,KAAS,EAAE,EAAE,KAAK,OAAO;EAAE,OAAO,EAAE;EAAI,OAAO,EAAE;EAAM,EAAE,CAC9D;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO;IACP,UAAU;IACV,aAAa,EAAG,2BAA2B,uBAAuB;IAClE,WAAU;IACV,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,gBAAgB,SAAS;IACnC,SAAS;IACT,OAAO;IACP,UAAU;IACV,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,kBAAkB,WAAW;IACvC,SAAS;IACT,OAAO;IACP,UAAU;IACV,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,gBAAgB,SAAS;IACnC,SAAS;IACT,OAAO;IACP,UAAU;IACV,CAAA;GACD,KACC,kBAAC,GAAD;IACE,OAAO,EAAG,eAAe,QAAQ;IACjC,SAAS;IACT,OAAO,KAAe;IACtB,UAAU;IACV,CAAA;GAEH,KACC,kBAAC,GAAD;IACE,OAAO,EAAG,cAAc,OAAO;IAC/B,SAAS;IACT,OAAO,KAAc;IACrB,UAAU;IACV,CAAA;GAEJ,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,cAAW;KACX,MAAK;KACL,SAAS;KACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;KACrD,WAAU;KACV,CAAA,EACD,EAAG,sBAAsB,gBAAgB,CACpC;;GACJ"}

package/dist/components/audit/AuditLogStats.js CHANGED Viewed

@@ -16,7 +16,7 @@ function o({ stats: o, loading: s }) {
 			,
 			,
 			,
-		]].map((e, t) => /* @__PURE__ */ i("div", { className: "h-20 rounded-lg bg-bg-secondary/50 animate-pulse" }, t))
+		]].map((e, t) => /* @__PURE__ */ i("div", { className: "h-20 rounded-lg bg-bg-sunken animate-pulse" }, t))
 	});
 	let u = o.logsByStatus.find((e) => e.status === "SUCCESS")?.count ?? 0, d = o.logsByStatus.find((e) => e.status === "ERROR")?.count ?? 0, f = o.logsByStatus.find((e) => e.status === "FAILURE")?.count ?? 0;
 	return /* @__PURE__ */ a("div", {

package/dist/components/audit/AuditLogStats.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuditLogStats.js","names":[],"sources":["../../../src/components/audit/AuditLogStats.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Shield, Clock } from 'lucide-react';\nimport { StatCard } from '@/components/shared';\nimport type { GetVibeAuditLogStatsQuery } from '@/generated/wspace-operations';\n\ninterface AuditLogStatsProps {\n stats: GetVibeAuditLogStatsQuery['vibeAuditLogStats'] \| undefined;\n loading: boolean;\n}\n\nexport function AuditLogStats({ stats, loading }: AuditLogStatsProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n if (loading \|\| !stats) {\n return (\n <div className=\"mb-6 grid grid-cols-2 gap-4 md:grid-cols-4\">\n {[...Array(4)].map((_, i) => (\n <div key={i} className=\"h-20 rounded-lg bg-bg-~~secondary/50~~ animate-pulse\" />\n ))}\n </div>\n );\n }\n\n const successCount = stats.logsByStatus.find((s) => s.status === 'SUCCESS')?.count ?? 0;\n const errorCount = stats.logsByStatus.find((s) => s.status === 'ERROR')?.count ?? 0;\n const failureCount = stats.logsByStatus.find((s) => s.status === 'FAILURE')?.count ?? 0;\n\n return (\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n <StatCard\n title={tr('audit.stats.totalLogs', 'Total Logs')}\n value={stats.totalLogs.toLocaleString()}\n icon={<Shield size={16} />}\n />\n <StatCard\n title={tr('audit.stats.successful', 'Successful')}\n value={successCount.toLocaleString()}\n icon={<Shield size={16} className=\"text-status-success-text\" />}\n />\n <StatCard\n title={tr('audit.stats.errorsFailures', 'Errors / Failures')}\n value={`${errorCount + failureCount}`}\n icon={<Shield size={16} className=\"text-status-error-text\" />}\n />\n <StatCard\n title={tr('audit.stats.retention', 'Retention')}\n value={\n stats.retentionPolicy.retentionDays === -1\n ? tr('audit.stats.unlimited', 'Unlimited')\n : `${stats.retentionPolicy.retentionDays} ${tr('audit.stats.days', 'days')}`\n }\n icon={<Clock size={16} />}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAc,EAAE,UAAO,cAA+B;CACpE,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;;AAEhC,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,CAAC,GAAG;;;;;GAAQ,CAAC,CAAC,KAAK,GAAG,MACrB,kBAAC,OAAD,EAAa,WAAU,~~oDAAqD~~,~~EAAlE~~,~~EAAkE~~,~~CAC5E~~;EACE,CAAA;CAIV,IAAM,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS,GAChF,IAAa,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,QAAQ,EAAE,SAAS,GAC5E,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS;AAEtF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,yBAAyB,aAAa;IAChD,OAAO,EAAM,UAAU,gBAAgB;IACvC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,0BAA0B,aAAa;IACjD,OAAO,EAAa,gBAAgB;IACpC,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA6B,CAAA;IAC/D,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,8BAA8B,oBAAoB;IAC5D,OAAO,GAAG,IAAa;IACvB,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA2B,CAAA;IAC7D,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,yBAAyB,YAAY;IAC/C,OACE,EAAM,gBAAgB,kBAAkB,KACpC,EAAG,yBAAyB,YAAY,GACxC,GAAG,EAAM,gBAAgB,cAAc,GAAG,EAAG,oBAAoB,OAAO;IAE9E,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,CAAA;GACE"}
1	+ {"version":3,"file":"AuditLogStats.js","names":[],"sources":["../../../src/components/audit/AuditLogStats.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Shield, Clock } from 'lucide-react';\nimport { StatCard } from '@/components/shared';\nimport type { GetVibeAuditLogStatsQuery } from '@/generated/wspace-operations';\n\ninterface AuditLogStatsProps {\n stats: GetVibeAuditLogStatsQuery['vibeAuditLogStats'] \| undefined;\n loading: boolean;\n}\n\nexport function AuditLogStats({ stats, loading }: AuditLogStatsProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n if (loading \|\| !stats) {\n return (\n <div className=\"mb-6 grid grid-cols-2 gap-4 md:grid-cols-4\">\n {[...Array(4)].map((_, i) => (\n <div key={i} className=\"h-20 rounded-lg bg-bg-sunken animate-pulse\" />\n ))}\n </div>\n );\n }\n\n const successCount = stats.logsByStatus.find((s) => s.status === 'SUCCESS')?.count ?? 0;\n const errorCount = stats.logsByStatus.find((s) => s.status === 'ERROR')?.count ?? 0;\n const failureCount = stats.logsByStatus.find((s) => s.status === 'FAILURE')?.count ?? 0;\n\n return (\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n <StatCard\n title={tr('audit.stats.totalLogs', 'Total Logs')}\n value={stats.totalLogs.toLocaleString()}\n icon={<Shield size={16} />}\n />\n <StatCard\n title={tr('audit.stats.successful', 'Successful')}\n value={successCount.toLocaleString()}\n icon={<Shield size={16} className=\"text-status-success-text\" />}\n />\n <StatCard\n title={tr('audit.stats.errorsFailures', 'Errors / Failures')}\n value={`${errorCount + failureCount}`}\n icon={<Shield size={16} className=\"text-status-error-text\" />}\n />\n <StatCard\n title={tr('audit.stats.retention', 'Retention')}\n value={\n stats.retentionPolicy.retentionDays === -1\n ? tr('audit.stats.unlimited', 'Unlimited')\n : `${stats.retentionPolicy.retentionDays} ${tr('audit.stats.days', 'days')}`\n }\n icon={<Clock size={16} />}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAc,EAAE,UAAO,cAA+B;CACpE,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;;AAEhC,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,CAAC,GAAG;;;;;GAAQ,CAAC,CAAC,KAAK,GAAG,MACrB,kBAAC,OAAD,EAAa,WAAU,8CAA+C,EAA5D,EAA4D,CACtE;EACE,CAAA;CAIV,IAAM,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS,GAChF,IAAa,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,QAAQ,EAAE,SAAS,GAC5E,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS;AAEtF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,yBAAyB,aAAa;IAChD,OAAO,EAAM,UAAU,gBAAgB;IACvC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,0BAA0B,aAAa;IACjD,OAAO,EAAa,gBAAgB;IACpC,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA6B,CAAA;IAC/D,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,8BAA8B,oBAAoB;IAC5D,OAAO,GAAG,IAAa;IACvB,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA2B,CAAA;IAC7D,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,yBAAyB,YAAY;IAC/C,OACE,EAAM,gBAAgB,kBAAkB,KACpC,EAAG,yBAAyB,YAAY,GACxC,GAAG,EAAM,gBAAgB,cAAc,GAAG,EAAG,oBAAoB,OAAO;IAE9E,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,CAAA;GACE"}