@manta-eu/react 0.1.7 → 0.1.9

package/dist/components/chart/chart-schemas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-schemas.d.ts","sourceRoot":"","sources":["../../../src/components/chart/chart-schemas.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-schemas.d.ts","sourceRoot":"","sources":["../../../src/components/chart/chart-schemas.ts"],"names":[],"mappings":"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"}

package/dist/components/chart/chart-schemas.js

@@ -1,4 +1,6 @@
 import { z } from "zod/v4";
+import { chartColorPalette } from "./chart-colors.js";
+import { offsetSeriesKeys } from "./stacks.js";
 const baseChartSchema = z.object({
     title: z.string().optional(),
     height: z.number().int().min(120).max(600).optional(),
@@ -7,14 +9,105 @@ const cartesianAxisFields = {
     xAxisLabel: z.string().optional(),
     yAxisLabel: z.string().optional(),
 };
-const xyDataPointSchema = z.object({
+const seriesKeySchema = z
+    .string()
+    .regex(/^[A-Za-z_][A-Za-z0-9_]*$/, "A series key is letters, digits and underscores, starting with a letter");
+export const chartSeriesAxes = ["left", "right"];
+export const chartSeriesKinds = ["bar", "line"];
+export const maxChartSeries = chartColorPalette.length;
+export const chartSeriesSchema = z.object({
+    key: seriesKeySchema,
+    label: z.string().optional(),
+    axis: z.enum(chartSeriesAxes).optional(),
+});
+export const composedChartSeriesSchema = chartSeriesSchema.extend({
+    kind: z.enum(chartSeriesKinds),
+});
+const multiSeriesFields = {
+    series: z.array(chartSeriesSchema).min(1).max(maxChartSeries).optional(),
+    rightAxisLabel: z.string().optional(),
+};
+const xyDataPointSchema = z.looseObject({
     x: z.union([z.string(), z.number()]),
-    y: z.number(),
+    y: z.number().optional(),
 });
 const nameValueDataPointSchema = z.object({
     name: z.string(),
     value: z.number(),
 });
+const seriesNameValueDataPointSchema = z.looseObject({
+    name: z.string(),
+    value: z.number().optional(),
+});
+function checkStatSeries(chart, ctx, keys = [], offset = new Set()) {
+    const known = new Set([...annotationSeriesValues, ...keys]);
+    chart.annotations?.forEach((annotation, index) => {
+        if (annotation.series === undefined) {
+            return;
+        }
+        if (offset.has(annotation.series)) {
+            ctx.addIssue({
+                code: "custom",
+                message: `"${annotation.series}" is stacked on another series, so a stat line on it would not line up; leave out "series" to measure the stack total`,
+                path: ["annotations", index, "series"],
+            });
+        }
+        else if (!known.has(annotation.series)) {
+            ctx.addIssue({
+                code: "custom",
+                message: `"${annotation.series}" is not a series of this chart`,
+                path: ["annotations", index, "series"],
+            });
+        }
+    });
+}
+function checkSeries(valueKeys, categoryKey) {
+    return (chart, ctx) => {
+        const { data, series } = chart;
+        checkStatSeries(chart, ctx, series?.map(({ key }) => key), offsetSeriesKeys(series, chart.stacked));
+        if (series === undefined) {
+            data.forEach((point, index) => {
+                valueKeys.forEach((key) => {
+                    if (typeof point[key] !== "number") {
+                        ctx.addIssue({ code: "custom", message: `Expected a number for "${key}"`, path: ["data", index, key] });
+                    }
+                });
+            });
+            return;
+        }
+        const seen = new Set();
+        series.forEach(({ key }, index) => {
+            if (key === categoryKey) {
+                ctx.addIssue({ code: "custom", message: `"${key}" is the category field`, path: ["series", index, "key"] });
+            }
+            if (seen.has(key)) {
+                ctx.addIssue({ code: "custom", message: `"${key}" is listed twice`, path: ["series", index, "key"] });
+            }
+            seen.add(key);
+        });
+        data.forEach((point, index) => {
+            series.forEach(({ key }) => {
+                const value = point[key];
+                if (value !== undefined && value !== null && typeof value !== "number") {
+                    ctx.addIssue({ code: "custom", message: `Expected a number for "${key}"`, path: ["data", index, key] });
+                }
+            });
+        });
+        series.forEach(({ key }, index) => {
+            if (!data.some((point) => typeof point[key] === "number")) {
+                ctx.addIssue({
+                    code: "custom",
+                    message: `"${key}" has no values: give each point a number under "${key}"`,
+                    path: ["series", index, "key"],
+                });
+            }
+        });
+    };
+}
+function asSeriesChartData() {
+    // checkSeries has proven the shape; this only tells TypeScript.
+    return (chart) => chart;
+}
 const scatterDataPointSchema = z.object({
     x: z.number(),
     y: z.number(),
@@ -23,10 +116,10 @@ const radarDataPointSchema = z.object({
     subject: z.string(),
     value: z.number(),
 });
-const composedDataPointSchema = z.object({
+const composedDataPointSchema = z.looseObject({
     name: z.string(),
-    barValue: z.number(),
-    lineValue: z.number(),
+    barValue: z.number().optional(),
+    lineValue: z.number().optional(),
 });
 const axisValueSchema = z.union([z.string(), z.number()]);
 export const annotationTones = ["danger", "warning", "success", "info", "neutral"];
@@ -48,7 +141,7 @@ const statLineAnnotationSchema = z.object({
     kind: z.literal("stat-line"),
     stat: annotationStatSchema,
     axis: z.enum(["x", "y"]).optional(),
-    series: annotationSeriesSchema.optional(),
+    series: z.union([annotationSeriesSchema, seriesKeySchema]).optional(),
     label: z.string().optional(),
     tone: annotationToneSchema.optional(),
     color: z.string().optional(),
@@ -81,46 +174,68 @@ const cartesianAnnotationFields = {
     annotations: z.array(annotationSchema).optional(),
     showValueLabels: z.boolean().optional(),
 };
-export const lineChartSchema = baseChartSchema.extend({
+export const lineChartFieldsSchema = baseChartSchema.extend({
     type: z.literal("line"),
     data: z.array(xyDataPointSchema).min(1),
     ...cartesianAxisFields,
     ...cartesianAnnotationFields,
+    ...multiSeriesFields,
 });
-export const areaChartSchema = baseChartSchema.extend({
+export const lineChartSchema = lineChartFieldsSchema
+    .superRefine(checkSeries(["y"], "x"))
+    .transform(asSeriesChartData());
+export const areaChartFieldsSchema = baseChartSchema.extend({
     type: z.literal("area"),
     data: z.array(xyDataPointSchema).min(1),
+    stacked: z.boolean().optional(),
     ...cartesianAxisFields,
     ...cartesianAnnotationFields,
+    ...multiSeriesFields,
 });
-export const barChartSchema = baseChartSchema.extend({
+export const areaChartSchema = areaChartFieldsSchema
+    .superRefine(checkSeries(["y"], "x"))
+    .transform(asSeriesChartData());
+export const barChartFieldsSchema = baseChartSchema.extend({
     type: z.literal("bar"),
-    data: z.array(nameValueDataPointSchema).min(1),
+    data: z.array(seriesNameValueDataPointSchema).min(1),
+    stacked: z.boolean().optional(),
     ...cartesianAxisFields,
     ...cartesianAnnotationFields,
+    ...multiSeriesFields,
 });
+export const barChartSchema = barChartFieldsSchema
+    .superRefine(checkSeries(["value"], "name"))
+    .transform(asSeriesChartData());
 export const pieChartSchema = baseChartSchema.extend({
     type: z.literal("pie"),
     data: z.array(nameValueDataPointSchema).min(1),
 });
-export const scatterChartSchema = baseChartSchema.extend({
+export const scatterChartSchema = baseChartSchema
+    .extend({
     type: z.literal("scatter"),
     data: z.array(scatterDataPointSchema).min(1),
     ...cartesianAxisFields,
     ...cartesianAnnotationFields,
-});
+})
+    .superRefine((chart, ctx) => checkStatSeries(chart, ctx));
 export const radarChartSchema = baseChartSchema.extend({
     type: z.literal("radar"),
     data: z.array(radarDataPointSchema).min(1),
 });
-export const composedChartSchema = baseChartSchema.extend({
+export const composedChartFieldsSchema = baseChartSchema.extend({
     type: z.literal("composed"),
     data: z.array(composedDataPointSchema).min(1),
     barLabel: z.string().optional(),
     lineLabel: z.string().optional(),
+    stacked: z.boolean().optional(),
     ...cartesianAxisFields,
     ...cartesianAnnotationFields,
+    ...multiSeriesFields,
+    series: z.array(composedChartSeriesSchema).min(1).max(maxChartSeries).optional(),
 });
+export const composedChartSchema = composedChartFieldsSchema
+    .superRefine(checkSeries(["barValue", "lineValue"], "name"))
+    .transform(asSeriesChartData());
 export const chartSchema = z.discriminatedUnion("type", [
     lineChartSchema,
     areaChartSchema,
@@ -130,7 +245,7 @@ export const chartSchema = z.discriminatedUnion("type", [
     radarChartSchema,
     composedChartSchema,
 ]);
-const generateChartDataPointSchema = z.object({
+const generateChartDataPointSchema = z.looseObject({
     x: z.union([z.string(), z.number()]).optional(),
     y: z.number().optional(),
     name: z.string().optional(),
@@ -148,7 +263,7 @@ const generateChartAnnotationSchema = z.object({
     x: axisValueSchema.optional(),
     y: z.number().optional(),
     stat: annotationStatSchema.optional(),
-    series: annotationSeriesSchema.optional(),
+    series: z.union([annotationSeriesSchema, seriesKeySchema]).optional(),
     label: z.string().optional(),
     tone: annotationToneSchema.optional(),
     color: z.string().optional(),
@@ -162,7 +277,14 @@ export const generateChartInputSchema = z.object({
     yAxisLabel: z.string().optional(),
     barLabel: z.string().optional(),
     lineLabel: z.string().optional(),
+    rightAxisLabel: z.string().optional(),
     data: z.array(generateChartDataPointSchema).min(1),
+    series: z
+        .array(chartSeriesSchema.extend({ kind: z.enum(chartSeriesKinds).optional() }))
+        .min(1)
+        .max(maxChartSeries)
+        .optional(),
+    stacked: z.boolean().optional(),
     annotations: z.array(generateChartAnnotationSchema).optional(),
     showValueLabels: z.boolean().optional(),
 });

package/dist/components/chart/series.d.ts

@@ -0,0 +1,28 @@
+import type { StatContext } from "./annotations.js";
+import type { ChartConfig } from "./chart.js";
+import type { ChartSeries, ComposedChartSeries } from "./chart-schemas.js";
+export declare const rightAxisId = "right";
+export declare function seriesConfig(series: readonly ChartSeries[]): ChartConfig;
+export declare function seriesColor(series: readonly ChartSeries[], item: ChartSeries): string;
+export declare function rightAxisProps(label?: string): {
+    yAxisId: string;
+    orientation: "right";
+    tickLine: false;
+    axisLine: false;
+    width: number;
+    label: {
+        value: string;
+        angle: number;
+        position: string;
+    } | undefined;
+};
+export declare function hasRightAxis(series: readonly ChartSeries[]): boolean;
+export declare function seriesAxisId(item: ChartSeries): string | undefined;
+export declare function seriesAxisProps(item: ChartSeries): {
+    yAxisId?: string;
+};
+export declare function barRadius(series: readonly ChartSeries[], item: ChartSeries, stacked: boolean): [number, number, number, number];
+export declare function seriesValues(rows: readonly Record<string, unknown>[], key: string): number[];
+export declare function stackTotals(rows: readonly Record<string, unknown>[], keys: readonly string[]): number[];
+export declare function seriesStats(rows: readonly Record<string, unknown>[], series: readonly (ChartSeries | ComposedChartSeries)[], stacked?: boolean): StatContext;
+//# sourceMappingURL=series.d.ts.map

package/dist/components/chart/series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"series.d.ts","sourceRoot":"","sources":["../../../src/components/chart/series.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGxE,eAAO,MAAM,WAAW,UAAU,CAAC;AAEnC,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,WAAW,CAExE;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAErF;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM;;;;;;;;;;;EAS5C;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,OAAO,CAEpE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,CAElE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAGvE;AAID,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,OAAO,GACf,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAMlC;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAE5F;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAEvG;AAkBD,wBAAgB,WAAW,CACzB,IAAI,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxC,MAAM,EAAE,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,EAAE,EACtD,OAAO,UAAQ,GACd,WAAW,CAUb"}

package/dist/components/chart/series.js

@@ -0,0 +1,61 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { chartColorAt } from "./chart-colors.js";
+import { offsetSeriesKeys, stackedSeries } from "./stacks.js";
+export const rightAxisId = "right";
+export function seriesConfig(series) {
+    return Object.fromEntries(series.map((item) => [item.key, { label: item.label ?? item.key }]));
+}
+export function seriesColor(series, item) {
+    return chartColorAt(series.findIndex((other) => other.key === item.key));
+}
+export function rightAxisProps(label) {
+    return {
+        yAxisId: rightAxisId,
+        orientation: "right",
+        tickLine: false,
+        axisLine: false,
+        width: isPresent(label) ? 56 : 44,
+        label: isPresent(label) ? { value: label, angle: 90, position: "insideRight" } : undefined,
+    };
+}
+export function hasRightAxis(series) {
+    return series.some((item) => item.axis === "right");
+}
+export function seriesAxisId(item) {
+    return item.axis === "right" ? rightAxisId : undefined;
+}
+export function seriesAxisProps(item) {
+    const yAxisId = seriesAxisId(item);
+    return yAxisId === undefined ? {} : { yAxisId };
+}
+const roundedTop = [4, 4, 0, 0];
+export function barRadius(series, item, stacked) {
+    if (!stacked) {
+        return roundedTop;
+    }
+    const stack = series.filter((other) => (other.axis ?? "left") === (item.axis ?? "left"));
+    return stack[stack.length - 1]?.key === item.key ? roundedTop : [0, 0, 0, 0];
+}
+export function seriesValues(rows, key) {
+    return rows.map((row) => row[key]).filter((value) => typeof value === "number");
+}
+export function stackTotals(rows, keys) {
+    return rows.map((row) => keys.reduce((total, key) => total + (typeof row[key] === "number" ? row[key] : 0), 0));
+}
+function defaultStatValues(rows, series, stacked) {
+    const leftStack = stacked ? stackedSeries(series, "left") : [];
+    if (leftStack.length > 1) {
+        return stackTotals(rows, leftStack.map((item) => item.key));
+    }
+    const firstLeft = series.find((item) => item.axis !== "right");
+    return firstLeft === undefined ? [] : seriesValues(rows, firstLeft.key);
+}
+export function seriesStats(rows, series, stacked = false) {
+    const offset = offsetSeriesKeys(series, stacked);
+    return {
+        y: defaultStatValues(rows, series, stacked),
+        series: Object.fromEntries(series
+            .filter((item) => !offset.has(item.key))
+            .map((item) => [item.key, { values: seriesValues(rows, item.key), yAxisId: seriesAxisId(item) }])),
+    };
+}

package/dist/components/chart/stacks.d.ts

@@ -0,0 +1,9 @@
+type StackableSeries = {
+    key: string;
+    axis?: "left" | "right";
+    kind?: "bar" | "line";
+};
+export declare function stackedSeries(series: readonly StackableSeries[], axis: "left" | "right"): StackableSeries[];
+export declare function offsetSeriesKeys(series: readonly StackableSeries[] | undefined, stacked: boolean | undefined): Set<string>;
+export {};
+//# sourceMappingURL=stacks.d.ts.map

package/dist/components/chart/stacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacks.d.ts","sourceRoot":"","sources":["../../../src/components/chart/stacks.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvF,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,EAAE,CAE3G;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,eAW5G"}

package/dist/components/chart/stacks.js

@@ -0,0 +1,11 @@
+export function stackedSeries(series, axis) {
+    return series.filter((item) => item.kind !== "line" && (item.axis ?? "left") === axis);
+}
+export function offsetSeriesKeys(series, stacked) {
+    if (!stacked || series === undefined) {
+        return new Set();
+    }
+    return new Set(["left", "right"].flatMap((axis) => stackedSeries(series, axis)
+        .slice(1)
+        .map((item) => item.key)));
+}

package/dist/components/chat-view/ChatHeaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaders.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/ChatHeaders.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAIjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8BxD;AAED,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,SAAS,EAAE,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA+FtD"}
+{"version":3,"file":"ChatHeaders.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/ChatHeaders.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8BxD;AAED,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,SAAS,EAAE,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA+FtD"}

package/dist/components/chat-view/ChatHeaders.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { withDatastorePrefix } from "@manta-eu/client/shared/datastore-path";
-import { chatIdToPath } from "@manta-eu/client/shared/index";
+import { chatIdToPath, newChatPath } from "@manta-eu/client/shared/index";
 import { isPresent } from "@manta-eu/lib/present";
 import { Bug, Ellipsis, ExternalLink, Trash2, X } from "lucide-react";
 import { useCallback, useState } from "react";
@@ -29,7 +29,7 @@ export function CopilotHeader(props) {
     const canClear = Boolean(conversationId && isPresent(messages) && onClear);
     const showDebugMessages = isOperator || isDevBuild;
     const handleOpenInManta = useCallback(() => {
-        const path = conversationId ? chatIdToPath(conversationId) : "/";
+        const path = conversationId ? chatIdToPath(conversationId) : newChatPath;
         const scopedPath = datastoreId ? withDatastorePrefix(datastoreId, path) : datastorePath(path);
         const url = new URL(scopedPath, mantaBaseUrl.origin);
         window.open(url.toString(), "_blank");

package/dist/components/layouts/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layouts/Sidebar.tsx"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AA6BvD,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAmZ1C"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layouts/Sidebar.tsx"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AA8BvD,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA8Z1C"}

package/dist/components/layouts/Sidebar.js

@@ -16,7 +16,7 @@ import { Button } from "#components/button/index";
 import { ChannelIcon } from "#components/channel-icon/index";
 import { DropdownGroup, DropdownItem } from "#components/dropdown/index";
 import { Popover, PopoverContent, PopoverTrigger } from "#components/popover/index";
-import { Sidebar as BaseSidebar, Initials, NavMenu, NavUser, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "#components/sidebar/index";
+import { Sidebar as BaseSidebar, NavMenu, NavUser, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, UserAvatar, useSidebar, } from "#components/sidebar/index";
 import { useConnectionProblems } from "#hooks/use-connection-problems";
 import { useConversations } from "#hooks/useConversations";
 import { useDeleteChat } from "#hooks/useDeleteChat";
@@ -28,6 +28,7 @@ import { useAbsoluteNavigate } from "#providers/ActiveDatastoreProvider";
 import { AuthContext } from "#providers/AuthContext";
 import { useChatManagerConnection } from "#providers/ChatManagerProvider";
 import { useCommandContext } from "#providers/commands/CommandContext";
+import { useNavExtras } from "#providers/NavExtrasProvider";
 import { useKnowledgeGraphState } from "#providers/KnowledgeGraphStateContext";
 import { useMantaClient } from "#providers/MantaClientProvider";
 // Not a Keycloak Organization, so an operator without an explicit pick still resolves to this.
@@ -67,6 +68,7 @@ export function Sidebar(props) {
     const { isApple } = usePlatform();
     const ModifierIcon = isApple ? Command : ChevronUp;
     const navItemTooltip = isKnowledgeGraphUnavailable ? "Available when Manta is ready" : undefined;
+    const navExtras = useNavExtras();
     const navItems = useMemo(() => [
         {
             title: "New chat",
@@ -132,7 +134,16 @@ export function Sidebar(props) {
                 },
             ]
             : []),
+        // Last, and only where the host mounts something of its own: the entries above are this app's.
+        ...navExtras.map((extra) => ({
+            ...(extra.id === undefined ? {} : { id: extra.id }),
+            title: extra.title,
+            icon: extra.icon,
+            isActive: extra.isCurrent?.(pathname) ?? pathname.startsWith(extra.href),
+            href: extra.href,
+        })),
     ].map((item) => ({ ...item, disabled: isKnowledgeGraphUnavailable, tooltip: navItemTooltip })), [
+        navExtras,
         ModifierIcon,
         startNewChat,
         isKnowledgeGraphUnavailable,
@@ -194,8 +205,8 @@ export function Sidebar(props) {
                                                     openConversation(chat.id);
                                                 }), title: chat.title, className: cn("flex w-full items-center gap-2 overflow-hidden rounded-xl px-3 py-2.5 text-left typography-small whitespace-nowrap transition-colors hover:bg-muted", chat.isActive
                                                     ? "bg-faint text-default-foreground"
-                                                    : "text-muted-foreground hover:text-default-foreground"), children: _jsx("span", { className: "min-w-0 flex-1 truncate", children: chat.title }) }, chat.id)))] })] }) }) }))] }), _jsx(ConnectionBadge, {}), _jsx(SidebarFooter, { children: onLogout ? (_jsx(NavUser, { name: userName, currentDatastore: { name: datastoreName }, pickerSlot: showDatastorePicker &&
+                                                    : "text-muted-foreground hover:text-default-foreground"), children: _jsx("span", { className: "min-w-0 flex-1 truncate", children: chat.title }) }, chat.id)))] })] }) }) }))] }), _jsx(ConnectionBadge, {}), _jsx(SidebarFooter, { children: onLogout ? (_jsx(NavUser, { name: userName, picture: user?.picture, currentDatastore: { name: datastoreName }, pickerSlot: showDatastorePicker &&
                         onDatastoreSelected && (_jsx(ConnectedDatastorePicker, { currentDatastoreId: datastore?.id, isOperator: isOperator, isSwitching: isSwitching, datastores: datastores, onDatastoreSelected: onDatastoreSelected })), onCloseAutoFocus: handleProfileMenuCloseAutoFocus, onNavigateToAccount: () => {
                         // TODO: Implement account navigation when account page is available
-                    }, onLogout: onLogout, children: _jsxs(DropdownGroup, { className: "p-2", children: [_jsx(ThemeSelectorDropdown, {}), canManageDatastores && (_jsx(ManageDatastoresMenuItem, { onSelect: () => (pendingMenuNavigateRef.current = "/datastores") })), canManageTeam && (_jsxs(DropdownItem, { className: "flex flex-row items-center gap-1.5 typography-caption h-11", onSelect: () => (pendingMenuNavigateRef.current = "/team"), children: [_jsx(UserPlus, { className: "size-5" }), _jsx("span", { className: "typography-caption", children: "Team Members" })] }))] }) })) : (_jsxs("div", { className: "flex items-center gap-3 px-2", children: [_jsx(Initials, { name: userName }), _jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [_jsx("span", { className: "truncate typography-small text-left", children: userName }), datastoreName && (_jsx("span", { className: "truncate typography-tiny text-muted-foreground text-left", children: datastoreName }))] })] })) }), conversationToDelete && (_jsx(DeleteConfirmationDialog, { title: "Delete Conversation", description: "Are you sure you want to delete this conversation? This action cannot be undone and will permanently remove the conversation and all its data.", open: true, onOpenChange: (open) => !open && handleCancelDeleteChat(), onConfirm: handleConfirmDeleteChat, onCancel: handleCancelDeleteChat }))] }));
+                    }, onLogout: onLogout, children: _jsxs(DropdownGroup, { className: "p-2", children: [_jsx(ThemeSelectorDropdown, {}), canManageDatastores && (_jsx(ManageDatastoresMenuItem, { onSelect: () => (pendingMenuNavigateRef.current = "/datastores") })), canManageTeam && (_jsxs(DropdownItem, { className: "flex flex-row items-center gap-1.5 typography-caption h-11", onSelect: () => (pendingMenuNavigateRef.current = "/team"), children: [_jsx(UserPlus, { className: "size-5" }), _jsx("span", { className: "typography-caption", children: "Team Members" })] }))] }) })) : (_jsxs("div", { className: "flex items-center gap-3 px-2", children: [_jsx(UserAvatar, { name: userName, picture: user?.picture }), _jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [_jsx("span", { className: "truncate typography-small text-left", children: userName }), datastoreName && (_jsx("span", { className: "truncate typography-tiny text-muted-foreground text-left", children: datastoreName }))] })] })) }), conversationToDelete && (_jsx(DeleteConfirmationDialog, { title: "Delete Conversation", description: "Are you sure you want to delete this conversation? This action cannot be undone and will permanently remove the conversation and all its data.", open: true, onOpenChange: (open) => !open && handleCancelDeleteChat(), onConfirm: handleConfirmDeleteChat, onCancel: handleCancelDeleteChat }))] }));
 }

package/dist/components/planning/ActioningView.d.ts

@@ -11,6 +11,7 @@ type ActioningViewProps = {
     datastoreId?: string;
     userId?: string;
     hideTopBar?: boolean;
+    hideRunControls?: boolean;
     chatIri?: string;
     completedChangesSlot?: ReactNode;
 };

package/dist/components/planning/ActioningView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActioningView.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ActioningView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAclF,OAAO,EAA0B,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAmB1G,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkOtD"}
+{"version":3,"file":"ActioningView.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ActioningView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAGtF,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAclF,OAAO,EAA0B,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAM1G,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8LtD"}

package/dist/components/planning/ActioningView.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GQLActionPlanState, GQLManualActionResolveStatus, useResolveManualActionMutation, } from "@manta-eu/client";
+import { GQLActionPlanState } from "@manta-eu/client";
 import { extractPlanName } from "@manta-eu/client/shared/agent-mode";
 import { isPresent } from "@manta-eu/lib/present";
-import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { deriveExecutionStatus, deriveIsDryRun, isStalePlanCompletion } from "./actioning-view-utils.js";
@@ -11,33 +10,29 @@ import { parseTimestampMs } from "./execution-section-model.js";
 import { ExecutionSections } from "./ExecutionSections.js";
 import { ExecutionTopBar } from "./ExecutionTopBar.js";
 import { FailedBanner } from "./FailedBanner.js";
+import { useManualActionTargets } from "./manual-action-targets.js";
 import { SummaryBar } from "./SummaryBar.js";
 import { UnavailablePlanNotice } from "./UnavailablePlanNotice.js";
 import { Loader } from "#components/loader/index";
 import { useActionPlanDetail } from "#hooks/useActionPlanDetail";
 import { useActionPlanExecution } from "#hooks/useActionPlanExecution";
-import { useActionPlanDiff, useActionPlanExecutionProvenance, useManualActions, } from "#ldo-ui";
-import { extractLabel } from "#lib/iri-labels";
+import { useResolveManualAction } from "#hooks/useResolveManualAction";
+import { useActionPlanDiff, useActionPlanExecutionProvenance, useManualActions } from "#ldo-ui";
 import { getPendingManualActions } from "#lib/manual-actions";
 import { cn } from "#lib/utils";
-import { useMantaClient } from "#providers/MantaClientProvider";
-import { invalidateActionPlanQueries } from "#shared/query-keys";
-const resolutionStatuses = {
-    COMPLETED: GQLManualActionResolveStatus.Completed,
-    RETRY: GQLManualActionResolveStatus.Retry,
-    REJECTED: GQLManualActionResolveStatus.Rejected,
-};
 export function ActioningView(props) {
-    const { planGraphIri, diff, isLoading, executionControl, executePromptNonce, datastoreId, userId, hideTopBar = false, chatIri, completedChangesSlot, } = props;
+    const { planGraphIri, diff, isLoading, executionControl, executePromptNonce, datastoreId, userId, hideTopBar = false, hideRunControls = false, chatIri, completedChangesSlot, } = props;
     const planName = extractPlanName(planGraphIri);
     const [isExecuteDialogOpen, setIsExecuteDialogOpen] = useState(false);
     const internalExecutionControl = useActionPlanExecution(planGraphIri, chatIri);
     const { execute, isTriggered, triggeredAtMs, dryRun, workflowId, triggerError } = executionControl ?? internalExecutionControl;
     useEffect(() => {
+        if (hideRunControls)
+            return;
         if ((executePromptNonce ?? 0) > 0) {
             setIsExecuteDialogOpen(true);
         }
-    }, [executePromptNonce]);
+    }, [executePromptNonce, hideRunControls]);
     const { plan } = useActionPlanDetail(planGraphIri);
     const hasCurrentFacts = plan?.hasCurrentFacts ?? false;
     const { data: fetchedDiff } = useActionPlanDiff({ planGraphIri, enabled: !!planGraphIri });
@@ -73,30 +68,7 @@ export function ActioningView(props) {
     const planEndedAtMs = stale ? null : parseTimestampMs(provenance?.planEndedAtTime);
     const isExecutionActive = executionStatus === "running" || executionStatus === "needs-approval";
     const activeStartedAtMs = isExecutionActive ? planStartedAtMs : null;
-    const queryClient = useQueryClient();
-    const { mantaClient } = useMantaClient();
-    const resolveManualAction = useResolveManualActionMutation(mantaClient);
-    const canResolveManualAction = !!datastoreId && !!userId;
-    const handleManualActionResolve = useCallback((subjectIri, resolution) => {
-        if (!userId) {
-            toast.error("Cannot resolve manual action: missing user context.");
-            return;
-        }
-        resolveManualAction.mutate({
-            namedGraphIri: planGraphIri,
-            subjectIri,
-            resolvedBy: userId,
-            status: resolutionStatuses[resolution],
-        }, {
-            onSuccess: async () => {
-                await invalidateActionPlanQueries(queryClient, planGraphIri);
-            },
-            onError: (err) => {
-                console.error("Failed to resolve manual action", err);
-                toast.error(err instanceof Error ? err.message : "Failed to resolve manual action.");
-            },
-        });
-    }, [userId, planGraphIri, resolveManualAction, queryClient]);
+    const manualActionResolver = useResolveManualAction({ planGraphIri, userId, datastoreId });
     const handleExecute = useCallback((nextDryRun) => {
         void execute(nextDryRun);
     }, [execute]);
@@ -109,19 +81,10 @@ export function ActioningView(props) {
             toast.error(nextDryRun ? "Failed to preview plan re-run" : "Failed to re-run plan");
         }
     }, [execute]);
-    const manualActionEntities = useMemo(() => {
-        const map = new Map();
-        for (const ma of manualActions) {
-            map.set(ma.subjectIri, [
-                {
-                    subjectIri: ma.subjectIri,
-                    label: (ma.aboutIri && extractLabel(ma.aboutIri)) || ma.subjectLabel || ma.typeName || "Manual action",
-                    properties: [],
-                },
-            ]);
-        }
-        return map;
-    }, [manualActions]);
+    const canRunPlan = !hideRunControls && hasCurrentFacts;
+    const onExecute = canRunPlan ? handleExecute : undefined;
+    const onRerun = canRunPlan ? handleConfirmRerun : undefined;
+    const manualActionEntities = useManualActionTargets(manualActions);
     const entityTypes = useMemo(() => {
         if (!ldoDiff)
             return [];
@@ -153,6 +116,6 @@ export function ActioningView(props) {
         return Array.from(byType.values());
     }, [entityTypes, manualActions]);
     const completedChanges = executionStatus === "completed" ? completedChangesSlot : null;
-    return (_jsxs("div", { className: cn("flex flex-col", !hideTopBar && "h-full bg-background"), children: [!hideTopBar && (_jsx(ExecutionTopBar, { planName: planName, status: executionStatus, workflowId: workflowId, triggerError: triggerError, onExecute: hasCurrentFacts ? handleExecute : undefined, onRerun: hasCurrentFacts ? handleConfirmRerun : undefined, isExecuteDialogOpen: isExecuteDialogOpen, onExecuteDialogOpenChange: setIsExecuteDialogOpen, isDryRun: isDryRun })), !hideTopBar && isDryRunCompleted && _jsx(DryRunCompleteBanner, {}), _jsx("div", { className: cn(!hideTopBar && "flex-1 overflow-y-auto"), children: _jsxs("div", { className: cn("space-y-6", hideTopBar ? "mx-auto w-full max-w-7xl px-8" : "mx-auto max-w-[960px] px-16 py-8"), children: [!hideTopBar && plan && !plan.hasCurrentFacts && (_jsx(UnavailablePlanNotice, { hasExecutionHistory: plan.hasExecutionHistory })), executionStatus === "failed" && (provenance?.planErrorMessage || triggerError) && (_jsx(FailedBanner, { message: provenance?.planErrorMessage ?? triggerError ?? "Execution failed" })), isLoading && !isPresent(effectiveEntityTypes) && (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader, { className: "size-6" }) })), plan && (_jsx(SummaryBar, { plan: plan, executionStatus: executionStatus, startedAtMs: planStartedAtMs, endedAtMs: planEndedAtMs })), completedChanges ??
-                            (isPresent(effectiveEntityTypes) && (_jsx(ExecutionSections, { entityTypes: effectiveEntityTypes, provenance: provenance ?? null, manualActions: manualActions, manualActionEntities: manualActionEntities, activeStartedAtMs: activeStartedAtMs, onManualActionResolve: handleManualActionResolve, isResolvingManualAction: resolveManualAction.isPending || !canResolveManualAction })))] }) })] }));
+    return (_jsxs("div", { className: cn("flex flex-col", !hideTopBar && "h-full bg-background"), children: [!hideTopBar && (_jsx(ExecutionTopBar, { planName: planName, status: executionStatus, workflowId: workflowId, triggerError: triggerError, onExecute: onExecute, onRerun: onRerun, isExecuteDialogOpen: isExecuteDialogOpen, onExecuteDialogOpenChange: setIsExecuteDialogOpen, isDryRun: isDryRun })), !hideTopBar && isDryRunCompleted && _jsx(DryRunCompleteBanner, {}), _jsx("div", { className: cn(!hideTopBar && "flex-1 overflow-y-auto"), children: _jsxs("div", { className: cn("space-y-6", hideTopBar ? "mx-auto w-full max-w-7xl px-8" : "mx-auto max-w-[960px] px-16 py-8"), children: [!hideTopBar && plan && !plan.hasCurrentFacts && (_jsx(UnavailablePlanNotice, { hasExecutionHistory: plan.hasExecutionHistory })), executionStatus === "failed" && (provenance?.planErrorMessage || triggerError) && (_jsx(FailedBanner, { message: provenance?.planErrorMessage ?? triggerError ?? "Execution failed" })), isLoading && !isPresent(effectiveEntityTypes) && (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader, { className: "size-6" }) })), plan && (_jsx(SummaryBar, { plan: plan, executionStatus: executionStatus, startedAtMs: planStartedAtMs, endedAtMs: planEndedAtMs })), completedChanges ??
+                            (isPresent(effectiveEntityTypes) && (_jsx(ExecutionSections, { entityTypes: effectiveEntityTypes, provenance: provenance ?? null, manualActions: manualActions, manualActionEntities: manualActionEntities, activeStartedAtMs: activeStartedAtMs, onManualActionResolve: manualActionResolver.resolve, resolvingManualAction: manualActionResolver.resolving, canResolveManualAction: manualActionResolver.canResolve, manualActionDisabledReason: manualActionResolver.disabledReason })))] }) })] }));
 }