@manta-eu/react 0.1.7 → 0.1.9

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

@@ -1,7 +1,7 @@
 import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
 import { type SectionStatus } from "./execution-section-model.js";
-import { type ManualActionEntity } from "./ManualActionCard.js";
-import type { ExecutionProvenanceActivity, ManualAction, ManualActionResolution } from "#ldo-ui";
+import { type ManualActionTarget } from "./ManualActionCard.js";
+import type { ExecutionProvenanceActivity, ManualAction, ManualActionResolution, ManualActionResolving } from "#ldo-ui";
 export type ExecutionSectionItemProps = {
     entry: EntityTypeEntry;
     activities: ExecutionProvenanceActivity[];
@@ -10,9 +10,11 @@ export type ExecutionSectionItemProps = {
     isExpanded: boolean;
     onToggle: () => void;
     manualActions?: ManualAction[];
-    manualActionEntities?: Map<string, ManualActionEntity[]>;
+    manualActionEntities?: Map<string, ManualActionTarget[]>;
     onManualActionResolve?: (subjectIri: string, resolution: ManualActionResolution) => void;
-    isResolvingManualAction?: boolean;
+    resolvingManualAction?: ManualActionResolving;
+    canResolveManualAction?: boolean;
+    manualActionDisabledReason?: string;
 };
 export declare function ExecutionSectionItem(props: ExecutionSectionItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExecutionSectionItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionSectionItem.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSectionItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEjH,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjG,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAoFpE"}
+{"version":3,"file":"ExecutionSectionItem.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSectionItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEjH,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIxH,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwFpE"}

package/dist/components/planning/ExecutionSectionItem.js

@@ -12,11 +12,11 @@ import { ManualActionCard } from "./ManualActionCard.js";
 import { getPendingManualActions, getResolvedManualActions } from "#lib/manual-actions";
 import { cn } from "#lib/utils";
 export function ExecutionSectionItem(props) {
-    const { entry, activities, status, fallbackStartedAtMs = null, isExpanded, onToggle, manualActions = [], manualActionEntities, onManualActionResolve, isResolvingManualAction = false, } = props;
+    const { entry, activities, status, fallbackStartedAtMs = null, isExpanded, onToggle, manualActions = [], manualActionEntities, onManualActionResolve, resolvingManualAction, canResolveManualAction, manualActionDisabledReason, } = props;
     const pendingManualActions = getPendingManualActions(manualActions);
     const resolvedManualActions = getResolvedManualActions(manualActions);
     const hasContent = isPresent(activities) || isPresent(pendingManualActions);
-    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center gap-3 pl-2 pr-3 py-3 text-left transition-colors hover:bg-muted/30", children: [_jsx("div", { className: "flex shrink-0 items-center p-1.5 rounded-lg", children: _jsx(ChevronDown, { className: cn("size-5 shrink-0 text-muted-foreground transition-transform", !isExpanded && "-rotate-90") }) }), _jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-faint", children: resolveStepIcon(entry.typeName, "size-5 text-muted-foreground") }), _jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-0.5", children: [_jsx("span", { className: cn("typography-small-medium block truncate", status === "pending" ? "text-muted-foreground" : "text-default-foreground"), children: entry.typeName }), entry.description && (_jsx("span", { className: "typography-tiny text-muted-foreground block truncate", children: entry.description }))] }), _jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [_jsx(SectionElapsed, { activities: activities, status: status, estimatedTime: entry.estimatedTime ?? null, fallbackStartedAtMs: fallbackStartedAtMs }), _jsx(SectionStatusIcon, { status: status })] })] }), isExpanded && hasContent && (_jsxs("div", { className: "bg-faint border-t border-default-border py-1.5", children: [activities.map((activity) => (_jsx(ExecutionActivityRow, { activity: activity, manualActionStatus: findResolvedManualActionStatus(activity, resolvedManualActions) }, activity.iri))), pendingManualActions.map((ma) => (_jsx(ManualActionCard, { manualAction: ma, entities: manualActionEntities?.get(ma.subjectIri) ?? [], description: ma.description ?? entry.description ?? undefined, isResolving: isResolvingManualAction, onResolve: (resolution) => onManualActionResolve?.(ma.subjectIri, resolution) }, ma.subjectIri)))] }))] }));
+    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center gap-3 pl-2 pr-3 py-3 text-left transition-colors hover:bg-muted/30", children: [_jsx("div", { className: "flex shrink-0 items-center p-1.5 rounded-lg", children: _jsx(ChevronDown, { className: cn("size-5 shrink-0 text-muted-foreground transition-transform", !isExpanded && "-rotate-90") }) }), _jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-faint", children: resolveStepIcon(entry.typeName, "size-5 text-muted-foreground") }), _jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-0.5", children: [_jsx("span", { className: cn("typography-small-medium block truncate", status === "pending" ? "text-muted-foreground" : "text-default-foreground"), children: entry.typeName }), entry.description && (_jsx("span", { className: "typography-tiny text-muted-foreground block truncate", children: entry.description }))] }), _jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [_jsx(SectionElapsed, { activities: activities, status: status, estimatedTime: entry.estimatedTime ?? null, fallbackStartedAtMs: fallbackStartedAtMs }), _jsx(SectionStatusIcon, { status: status })] })] }), isExpanded && hasContent && (_jsxs("div", { className: "bg-faint border-t border-default-border py-1.5", children: [activities.map((activity) => (_jsx(ExecutionActivityRow, { activity: activity, manualActionStatus: findResolvedManualActionStatus(activity, resolvedManualActions) }, activity.iri))), pendingManualActions.map((ma) => (_jsx(ManualActionCard, { manualAction: ma, entities: manualActionEntities?.get(ma.subjectIri) ?? [], description: ma.description ?? entry.description ?? undefined, resolving: resolvingManualAction, onResolve: (resolution) => onManualActionResolve?.(ma.subjectIri, resolution), canResolve: canResolveManualAction, disabledReason: manualActionDisabledReason }, ma.subjectIri)))] }))] }));
 }
 function SectionStatusIcon(props) {
     return match(props.status)

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

@@ -1,14 +1,16 @@
 import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
-import type { ManualActionEntity } from "./ManualActionCard.js";
-import type { ActionPlanExecutionProvenanceResult, ManualAction, ManualActionResolution } from "#ldo-ui";
+import type { ManualActionTarget } from "./ManualActionCard.js";
+import type { ActionPlanExecutionProvenanceResult, ManualAction, ManualActionResolution, ManualActionResolving } from "#ldo-ui";
 export type ExecutionSectionsProps = {
     entityTypes: EntityTypeEntry[];
     provenance: ActionPlanExecutionProvenanceResult | null;
     manualActions?: ManualAction[];
-    manualActionEntities?: Map<string, ManualActionEntity[]>;
+    manualActionEntities?: Map<string, ManualActionTarget[]>;
     activeStartedAtMs?: number | null;
     onManualActionResolve?: (subjectIri: string, resolution: ManualActionResolution) => void;
-    isResolvingManualAction?: boolean;
+    resolvingManualAction?: ManualActionResolving;
+    canResolveManualAction?: boolean;
+    manualActionDisabledReason?: string;
 };
 export declare function ExecutionSections(props: ExecutionSectionsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExecutionSections.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionSections.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSections.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,mCAAmC,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEzG,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,mCAAmC,GAAG,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkE9D"}
+{"version":3,"file":"ExecutionSections.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSections.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EACV,mCAAmC,EACnC,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,mCAAmC,GAAG,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAsE9D"}

package/dist/components/planning/ExecutionSections.js

@@ -5,7 +5,7 @@ import { buildSections, matchesManualActionSection } from "./execution-section-m
 import { ExecutionActivityRow } from "./ExecutionActivityRow.js";
 import { ExecutionSectionItem } from "./ExecutionSectionItem.js";
 export function ExecutionSections(props) {
-    const { entityTypes, provenance, manualActions = [], manualActionEntities, activeStartedAtMs = null, onManualActionResolve, isResolvingManualAction = false, } = props;
+    const { entityTypes, provenance, manualActions = [], manualActionEntities, activeStartedAtMs = null, onManualActionResolve, resolvingManualAction, canResolveManualAction, manualActionDisabledReason, } = props;
     const [expandedIndex, setExpandedIndex] = useState(0);
     const [lastAutoExpandedRunning, setLastAutoExpandedRunning] = useState(-1);
     const activities = provenance?.activities ?? [];
@@ -26,6 +26,6 @@ export function ExecutionSections(props) {
             const effectiveStatus = activeFallbackApplies ? "running" : section.status;
             const fallbackStartedAtMs = activeFallbackApplies ? activeStartedAtMs : null;
             const sectionManualActions = manualActions.filter((manualAction) => matchesManualActionSection(manualAction, section.entry, sections.length));
-            return (_jsx(ExecutionSectionItem, { entry: section.entry, activities: section.activities, status: effectiveStatus, fallbackStartedAtMs: fallbackStartedAtMs, isExpanded: expandedIndex === index, onToggle: () => setExpandedIndex((prev) => (prev === index ? null : index)), manualActions: sectionManualActions, manualActionEntities: manualActionEntities, onManualActionResolve: onManualActionResolve, isResolvingManualAction: isResolvingManualAction }, section.key));
+            return (_jsx(ExecutionSectionItem, { entry: section.entry, activities: section.activities, status: effectiveStatus, fallbackStartedAtMs: fallbackStartedAtMs, isExpanded: expandedIndex === index, onToggle: () => setExpandedIndex((prev) => (prev === index ? null : index)), manualActions: sectionManualActions, manualActionEntities: manualActionEntities, onManualActionResolve: onManualActionResolve, resolvingManualAction: resolvingManualAction, canResolveManualAction: canResolveManualAction, manualActionDisabledReason: manualActionDisabledReason }, section.key));
         }) }));
 }

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

@@ -1,22 +1,28 @@
-import type { ManualAction, ManualActionResolution } from "#ldo-ui";
-export type ManualActionEntity = {
+import type { ManualAction, ManualActionResolution, ManualActionResolving } from "#ldo-ui";
+export type ManualActionTarget = {
     subjectIri: string;
     label: string;
-    properties: PropertyChange[];
+    properties: ManualActionPropertyChange[];
 };
-export type PropertyChange = {
+export type ManualActionPropertyChange = {
     label: string;
     oldValue: string | null;
     newValue: string | null;
 };
-type ManualActionCardProps = {
+export type ManualActionCardProps = {
     manualAction: ManualAction;
-    entities: ManualActionEntity[];
+    entities?: ManualActionTarget[];
     description?: string | null;
-    isResolving: boolean;
+    resolving?: ManualActionResolving;
     onResolve: (resolution: ManualActionResolution) => void;
+    canResolve?: boolean;
+    disabledReason?: string;
 };
 export declare function ManualActionCard(props: ManualActionCardProps): import("react/jsx-runtime").JSX.Element;
+export type ManualActionCardSkeletonProps = {
+    titleClassName?: string;
+    instructionClassName?: string;
+};
+export declare function ManualActionCardSkeleton(props: ManualActionCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
 export declare function resolutionChoices(retryable: boolean, defaultResolution: "COMPLETED" | "RETRY"): ManualActionResolution[];
-export {};
 //# sourceMappingURL=ManualActionCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ManualActionCard.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ManualActionCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAsB5D;AAwID,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,OAAO,EAClB,iBAAiB,EAAE,WAAW,GAAG,OAAO,GACvC,sBAAsB,EAAE,CAI1B"}
+{"version":3,"file":"ManualActionCard.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ManualActionCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAI3F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,0BAA0B,EAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA+C5D;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAyB5E;AAsID,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,OAAO,EAClB,iBAAiB,EAAE,WAAW,GAAG,OAAO,GACvC,sBAAsB,EAAE,CAI1B"}

package/dist/components/planning/ManualActionCard.js

@@ -1,27 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isPresent } from "@manta-eu/lib/present";
 import { addAll } from "@manta-eu/lib/set";
-import { CircleCheck, Hand, MessageSquareWarning, RotateCcw } from "lucide-react";
+import { CircleCheck, Clock, Hand, MessageSquareWarning, RotateCcw } from "lucide-react";
+import { match } from "ts-pattern";
+import { Badge } from "#components/badge/index";
+import { Button } from "#components/button/index";
+import { DisabledActionTooltip } from "#components/disabled-action-tooltip/index";
+import { Skeleton } from "#components/skeleton/index";
+import { isUnstartedManualAction } from "#lib/manual-actions";
 import { cn } from "#lib/utils";
 export function ManualActionCard(props) {
-    const { manualAction, entities, description, isResolving, onResolve } = props;
-    const title = description ?? manualAction.description ?? buildManualActionTitle(manualAction);
-    const displayEntities = isPresent(entities) ? entities : [buildFallbackEntity(manualAction)];
-    return (_jsx("div", { className: "mx-2 my-2", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-dashed border-active-border/50 bg-card shadow-sm", children: [_jsx(CardHeader, { title: title }), _jsx(EntityTable, { entities: displayEntities }), _jsx(CardFooter, { isResolving: isResolving, retryable: manualAction.retryable ?? false, defaultResolution: manualAction.defaultResolution ?? "COMPLETED", onResolve: onResolve })] }) }));
+    const { manualAction, entities = [], description, resolving, onResolve, canResolve = true, disabledReason } = props;
+    const instruction = description ?? manualAction.description ?? null;
+    const title = manualAction.label ?? instruction ?? buildManualActionTitle(manualAction);
+    const body = title === instruction ? null : instruction;
+    const state = manualActionState(manualAction);
+    return (_jsx("div", { className: "mx-2 my-2", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-dashed border-active-border/50 bg-card shadow-sm", children: [_jsx(CardHeader, { title: title, state: state }), (isPresent(body) || isPresent(manualAction.observedValue)) && (_jsxs("div", { className: "flex flex-col gap-1.5 border-b border-default-border px-3 py-3", children: [isPresent(body) && _jsx("p", { className: "typography-tiny text-default-foreground", children: body }), isPresent(manualAction.observedValue) && (_jsxs("p", { className: "typography-tiny text-muted-foreground", children: ["Observed: ", _jsx("span", { className: "font-mono", children: manualAction.observedValue })] }))] })), isPresent(entities) && _jsx(EntityTable, { entities: entities }), state === "pending" && (_jsx(CardFooter, { isResolving: isPresent(resolving), resolvingChoice: resolving?.subjectIri === manualAction.subjectIri ? resolving.resolution : undefined, retryable: manualAction.retryable ?? false, defaultResolution: manualAction.defaultResolution ?? "COMPLETED", onResolve: onResolve, canResolve: canResolve, disabledReason: disabledReason })), state === "unstarted" && (_jsxs("div", { className: "flex items-center gap-2 bg-muted px-3 py-3 typography-tiny text-muted-foreground", children: [_jsx(Clock, { className: "size-4" }), "Someone can act on this once the plan runs and reaches it."] }))] }) }));
 }
+export function ManualActionCardSkeleton(props) {
+    const { titleClassName = "w-2/5", instructionClassName = "w-4/5" } = props;
+    return (_jsx("div", { className: "mx-2 my-2", "aria-hidden": true, children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-dashed border-active-border/50 bg-card shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-default-border bg-faint px-3 py-3", children: [_jsx(Skeleton, { className: "size-4 shrink-0 rounded-sm-v4" }), _jsx(Skeleton, { className: cn("h-3.5", titleClassName) }), _jsx(Skeleton, { className: "ml-auto h-6 w-24 shrink-0 rounded-full" })] }), _jsxs("div", { className: "flex flex-col gap-2 border-b border-default-border px-3 py-3.5", children: [_jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: cn("h-3", instructionClassName) })] }), _jsx("div", { className: "border-b border-default-border px-3 py-3.5", children: _jsx(Skeleton, { className: "h-3 w-1/4" }) }), _jsxs("div", { className: "flex items-center gap-2 bg-muted px-3 py-3", children: [_jsx(Skeleton, { className: "h-8 w-24 rounded-lg-v4" }), _jsx(Skeleton, { className: "h-8 w-20 rounded-lg-v4" })] })] }) }));
+}
+function manualActionState(manualAction) {
+    if (isUnstartedManualAction(manualAction))
+        return "unstarted";
+    return match(manualAction.status)
+        .returnType()
+        .with("PENDING", null, () => "pending")
+        .with("COMPLETED", "REJECTED", "RETRY", (resolved) => resolved.toLowerCase())
+        .exhaustive();
+}
+const stateBadges = {
+    pending: { label: "Needs a person", variant: "warning" },
+    unstarted: { label: "Not started", variant: "secondary" },
+    completed: { label: "Done", variant: "success" },
+    rejected: { label: "Rejected", variant: "destructive" },
+    retry: { label: "Retrying", variant: "info" },
+};
 function CardHeader(props) {
-    const { title } = props;
-    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-default-border bg-faint px-3 py-3", children: [_jsx(Hand, { className: "size-4 text-primary" }), _jsx("span", { className: "typography-tiny text-default-foreground", children: title })] }));
+    const { title, state } = props;
+    const badge = stateBadges[state];
+    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-default-border bg-faint px-3 py-3", children: [_jsx(Hand, { className: "size-4 shrink-0 text-primary" }), _jsx("span", { className: "typography-tiny-medium min-w-0 flex-1 text-default-foreground", children: title }), _jsx(Badge, { size: "sm", variant: badge.variant, children: badge.label })] }));
 }
 function EntityTable(props) {
     const { entities } = props;
     const hasProperties = entities.some((e) => isPresent(e.properties));
     const propertyLabels = hasProperties ? collectPropertyLabels(entities) : [];
-    return (_jsxs("div", { children: [hasProperties && (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-muted px-3 py-2.5", children: [_jsx("span", { className: "typography-tiny w-[240px] text-muted-foreground", children: "Entity" }), propertyLabels.map((label) => (_jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: label }, label))), _jsx("div", { className: "w-7" })] })), entities.map((entity) => (_jsx(EntityRow, { entity: entity, propertyLabels: propertyLabels }, entity.subjectIri)))] }));
+    return (_jsxs("div", { children: [hasProperties && (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-muted px-3 py-2.5", children: [_jsx("span", { className: "typography-tiny w-[240px] text-muted-foreground", children: "Entity" }), propertyLabels.map((label) => (_jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: label }, label)))] })), entities.map((entity) => (_jsx(EntityRow, { entity: entity, propertyLabels: propertyLabels }, entity.subjectIri)))] }));
 }
 function EntityRow(props) {
     const { entity, propertyLabels } = props;
-    return (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-card px-3 py-3 last:border-b-0", children: [_jsx("div", { className: "flex items-center gap-2 w-[240px]", children: _jsx("span", { className: "typography-tiny truncate text-default-foreground", children: entity.label || "Manual action" }) }), propertyLabels.map((label) => {
+    return (_jsxs("div", { className: "flex items-center gap-3 border-b border-default-border bg-card px-3 py-3 last:border-b-0", children: [_jsx("div", { className: "flex w-[240px] items-center gap-2", children: _jsx("span", { className: "typography-tiny truncate text-default-foreground", children: entity.label || "Manual action" }) }), propertyLabels.map((label) => {
                 const change = entity.properties.find((p) => p.label === label);
                 if (!change) {
                     return (_jsx("span", { className: "typography-tiny flex-1 text-right text-muted-foreground", children: "\u2014" }, label));
@@ -39,27 +68,25 @@ function PropertyChangePills(props) {
     }
     return (_jsxs("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: [_jsx("span", { className: "rounded-[5px] bg-accent px-1.5 py-0.5 font-mono text-[11px] leading-4 text-muted-foreground", children: change.oldValue }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: "\u2192" }), _jsx("span", { className: "rounded-[5px] bg-success px-1.5 py-0.5 font-mono text-[11px] leading-4 text-success-foreground", children: change.newValue })] }));
 }
-const primaryButton = cn("flex h-8 items-center gap-1.5 rounded-lg bg-success px-3", "typography-tiny text-success-foreground", "hover:bg-success/80 transition-colors", "disabled:opacity-50 disabled:cursor-not-allowed");
-const secondaryButton = cn("flex h-8 items-center gap-1.5 rounded-lg border border-default-border bg-card px-3", "typography-tiny text-default-foreground", "hover:bg-muted-border transition-colors", "disabled:opacity-50 disabled:cursor-not-allowed");
 export function resolutionChoices(retryable, defaultResolution) {
     const positive = retryable ? ["COMPLETED", "RETRY"] : ["COMPLETED"];
     const ordered = retryable && defaultResolution === "RETRY" ? [...positive].reverse() : positive;
     return [...ordered, "REJECTED"];
 }
 const choiceLabels = {
-    COMPLETED: "Done, I fixed it",
+    COMPLETED: "Done",
     RETRY: "Retry",
     REJECTED: "Reject",
 };
 const choiceIcons = {
-    COMPLETED: _jsx(CircleCheck, { className: "size-4" }),
-    RETRY: _jsx(RotateCcw, { className: "size-4" }),
-    REJECTED: _jsx(MessageSquareWarning, { className: "size-4" }),
+    COMPLETED: CircleCheck,
+    RETRY: RotateCcw,
+    REJECTED: MessageSquareWarning,
 };
 function CardFooter(props) {
-    const { isResolving, retryable, defaultResolution, onResolve } = props;
+    const { isResolving, resolvingChoice, retryable, defaultResolution, onResolve, canResolve, disabledReason } = props;
     const choices = resolutionChoices(retryable, defaultResolution);
-    return (_jsx("div", { className: "flex items-center justify-between bg-muted px-3 py-3", children: _jsx("div", { className: "flex items-center gap-2", children: choices.map((choice, index) => (_jsxs("button", { type: "button", disabled: isResolving, onClick: () => onResolve(choice), className: index === 0 ? primaryButton : secondaryButton, children: [choiceIcons[choice], choiceLabels[choice]] }, choice))) }) }));
+    return (_jsx("div", { className: "flex items-center bg-muted px-3 py-3", children: _jsx(DisabledActionTooltip, { reason: canResolve ? undefined : disabledReason, children: _jsx("div", { className: "flex flex-wrap items-center gap-2", children: choices.map((choice, index) => (_jsx(Button, { size: "sm", rounded: "lg", variant: index === 0 ? "primary" : "tertiary", icon: choiceIcons[choice], label: choiceLabels[choice], disabled: !canResolve || isResolving, isLoading: isResolving && resolvingChoice === choice, onClick: () => onResolve(choice) }, choice))) }) }) }));
 }
 function buildManualActionTitle(manualAction) {
     const subject = manualAction.subjectLabel || manualAction.typeName;
@@ -68,13 +95,6 @@ function buildManualActionTitle(manualAction) {
     }
     return "Manual action needs approval";
 }
-function buildFallbackEntity(manualAction) {
-    return {
-        subjectIri: manualAction.subjectIri,
-        label: manualAction.subjectLabel || manualAction.typeName || "Manual action",
-        properties: [],
-    };
-}
 function collectPropertyLabels(entities) {
     const labels = new Set();
     for (const entity of entities) {

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import { type ManualActionTarget } from "./ManualActionCard.js";
+import { type ManualAction, type ManualActionResolution, type ManualActionResolving } from "#hooks/use-manual-actions";
+export type ManualActionListViewProps = {
+    actions: ManualAction[];
+    targetsBySubject?: Map<string, ManualActionTarget[]>;
+    onResolve: (action: ManualAction, resolution: ManualActionResolution) => void;
+    resolving?: ManualActionResolving;
+    canResolve?: boolean;
+    disabledReason?: string;
+    isLoading?: boolean;
+    failed?: boolean;
+    emptyFallback?: ReactNode;
+};
+export declare function ManualActionListView(props: ManualActionListViewProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export type PlanManualActionsProps = Omit<ManualActionListViewProps, "actions" | "targetsBySubject" | "isLoading" | "failed"> & {
+    planGraphIri: string;
+    includeUnstarted?: boolean;
+    refetchIntervalMs?: number | false;
+};
+export declare function PlanManualActions(props: PlanManualActionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ManualActionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManualActionList.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ManualActionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAA8C,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzG,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACrD,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC9E,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAQF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,wTA6DpE;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,yBAAyB,EACzB,SAAS,GAAG,kBAAkB,GAAG,WAAW,GAAG,QAAQ,CACxD,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACpC,CAAC;AAIF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoB9D"}

package/dist/components/planning/ManualActionList.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useManualActionTargets } from "./manual-action-targets.js";
+import { ManualActionCard, ManualActionCardSkeleton } from "./ManualActionCard.js";
+import { useManualActions, } from "#hooks/use-manual-actions";
+const skeletonShapes = [
+    { title: "w-2/5", instruction: "w-4/5" },
+    { title: "w-1/2", instruction: "w-3/5" },
+    { title: "w-1/3", instruction: "w-2/3" },
+];
+export function ManualActionListView(props) {
+    const { actions, targetsBySubject, onResolve, resolving, canResolve, disabledReason, isLoading = false, failed = false, emptyFallback, } = props;
+    if (isLoading) {
+        return (_jsxs("div", { role: "status", "aria-busy": "true", className: "flex flex-col", children: [_jsx("span", { className: "sr-only", children: "Loading manual steps" }), skeletonShapes.map((shape) => (_jsx(ManualActionCardSkeleton, { titleClassName: shape.title, instructionClassName: shape.instruction }, shape.title)))] }));
+    }
+    if (failed) {
+        return (_jsx("div", { className: "rounded-xl border border-error-border bg-card px-4 py-6 typography-small text-error-foreground", children: "This plan's manual steps could not be read." }));
+    }
+    if (!isPresent(actions)) {
+        return (emptyFallback ?? (_jsx("div", { className: "rounded-xl border border-muted-border bg-card px-4 py-6 typography-small text-muted-foreground", children: "No manual steps in this plan." })));
+    }
+    return (_jsx("div", { className: "flex flex-col", children: actions.map((action) => (_jsx(ManualActionCard, { manualAction: action, entities: targetsBySubject?.get(action.subjectIri) ?? [], resolving: resolving, onResolve: (resolution) => onResolve(action, resolution), canResolve: canResolve, disabledReason: disabledReason }, action.subjectIri))) }));
+}
+const noActions = [];
+export function PlanManualActions(props) {
+    const { planGraphIri, includeUnstarted = true, refetchIntervalMs = false, ...view } = props;
+    const { data, isLoading, isError } = useManualActions({
+        planGraphIri,
+        includeUnstarted,
+        refetchIntervalMs,
+    });
+    const actions = data ?? noActions;
+    const targetsBySubject = useManualActionTargets(actions);
+    return (_jsx(ManualActionListView, { actions: actions, targetsBySubject: targetsBySubject, isLoading: isLoading, failed: isError && data === undefined, ...view }));
+}

package/dist/components/planning/manual-action-targets.d.ts

@@ -0,0 +1,4 @@
+import type { ManualActionTarget } from "./ManualActionCard.js";
+import type { ManualAction } from "#hooks/use-manual-actions";
+export declare function useManualActionTargets(actions: readonly ManualAction[]): Map<string, ManualActionTarget[]>;
+//# sourceMappingURL=manual-action-targets.d.ts.map

package/dist/components/planning/manual-action-targets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-action-targets.d.ts","sourceRoot":"","sources":["../../../src/components/planning/manual-action-targets.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAgB1G"}

package/dist/components/planning/manual-action-targets.js

@@ -0,0 +1,19 @@
+import { humanizeEntityName } from "@manta-eu/client/shared/agent-mode";
+import { iriLocalName } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { useInstanceLabels } from "#hooks/use-instance-labels";
+export function useManualActionTargets(actions) {
+    const aboutIris = useMemo(() => actions.flatMap(({ aboutIri }) => (isPresent(aboutIri) ? [aboutIri] : [])), [actions]);
+    const labels = useInstanceLabels(aboutIris);
+    return useMemo(() => {
+        const targets = new Map();
+        for (const action of actions) {
+            if (!isPresent(action.aboutIri))
+                continue;
+            const label = labels.get(action.aboutIri) ?? humanizeEntityName(iriLocalName(action.aboutIri));
+            targets.set(action.subjectIri, [{ subjectIri: action.aboutIri, label, properties: [] }]);
+        }
+        return targets;
+    }, [actions, labels]);
+}

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

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

package/dist/components/select/index.js

@@ -39,7 +39,10 @@ const SelectValue = SelectPrimitive.Value;
 function SelectTrigger(props) {
     const { className, children, size = "base", hideChevron, label, error, hiddenLabel, required, ref, "aria-invalid": ariaInvalid, ...otherProps } = props;
     const errorId = `${otherProps.id}-error`;
-    return (_jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [label && (_jsx("div", { className: cn("flex justify-between items-end gap-2", hiddenLabel && "sr-only"), children: _jsxs("label", { htmlFor: otherProps.id, className: "typography-small text-default-foreground", children: [label, required && _jsx("span", { className: "text-error-foreground ml-1", children: "*" })] }) })), _jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn(createSelectClassName({ size }), className), "aria-invalid": ariaInvalid ?? (error ? true : undefined), "aria-errormessage": error ? errorId : undefined, ...otherProps, children: [_jsx("span", { className: "flex-1 min-w-0 truncate", children: children }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: cn("size-4 shrink-0 text-muted-foreground", hideChevron && "hidden") }) })] }), error && (_jsx("p", { id: errorId, className: "typography-small text-error-foreground", children: error }))] }));
+    return (_jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [label && (_jsx("div", { className: cn("flex justify-between items-end gap-2", hiddenLabel && "sr-only"), children: _jsxs("label", { htmlFor: otherProps.id, className: "typography-small text-default-foreground", onClick: (event) => {
+                        event.preventDefault();
+                        event.currentTarget.control?.focus();
+                    }, children: [label, required && _jsx("span", { className: "text-error-foreground ml-1", children: "*" })] }) })), _jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn(createSelectClassName({ size }), className), "aria-invalid": ariaInvalid ?? (error ? true : undefined), "aria-errormessage": error ? errorId : undefined, ...otherProps, children: [_jsx("span", { className: "flex-1 min-w-0 truncate", children: children }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: cn("size-4 shrink-0 text-muted-foreground", hideChevron && "hidden") }) })] }), error && (_jsx("p", { id: errorId, className: "typography-small text-error-foreground", children: error }))] }));
 }
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 function SelectScrollUpButton(props) {

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

@@ -63,9 +63,11 @@ export { Initials } from "./initials.js";
 export { NavMenu, type NavItem, type NavMenuLinkProps, type NavSubItem } from "./nav-menu.js";
 export { useIsMobile } from "./use-mobile.js";
 export { NavUser } from "./nav-user.js";
+export { UserAvatar } from "./user-avatar.js";
 export { sidebarStorageKey };
 export type { CompanyPickerProps } from "./company-picker.js";
 export type { InitialsArgs } from "./initials.js";
+export type { UserAvatarArgs } from "./user-avatar.js";
 export type { NavItemBase, NavLeafItem, NavMenuArgs, NavMenuLinkComponent, NavMenuSubmenuVariant, NavSubmenuItem, } from "./nav-menu.js";
 export type { NavUserArgs } from "./nav-user.js";
 export type { SidebarContextProps } from "./sidebar-context.js";

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

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

package/dist/components/sidebar/index.js

@@ -264,4 +264,5 @@ export { Initials } from "./initials.js";
 export { NavMenu } from "./nav-menu.js";
 export { useIsMobile } from "./use-mobile.js";
 export { NavUser } from "./nav-user.js";
+export { UserAvatar } from "./user-avatar.js";
 export { sidebarStorageKey };

package/dist/components/sidebar/nav-user.d.ts

@@ -4,9 +4,9 @@ export type NavUserArgs = {
     topSlot?: ReactNode;
     accountExtraSlot?: ReactNode;
     name: string;
+    picture?: string | null;
     currentDatastore: {
         name: string;
-        iconLogoUrl?: string;
     };
     pickerSlot?: ReactNode;
     onNavigateToAccount: () => void;

package/dist/components/sidebar/nav-user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/nav-user.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,2CA2FxC"}
+{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/nav-user.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,2CAmFxC"}

package/dist/components/sidebar/nav-user.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown, LogOut } from "lucide-react";
 import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownSeparator, DropdownTrigger, preventPointerFocus, } from "../dropdown/index.js";
-import { Initials } from "./initials.js";
+import { UserAvatar } from "./user-avatar.js";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "./index.js";
 export function NavUser(args) {
-    const { children, topSlot, accountExtraSlot, className, name, currentDatastore, pickerSlot, onNavigateToAccount, onLogout, onCloseAutoFocus, } = args;
+    const { children, topSlot, accountExtraSlot, className, name, picture, currentDatastore, pickerSlot, onNavigateToAccount, onLogout, onCloseAutoFocus, } = args;
     const { isMobile } = useSidebar();
-    return (_jsx(SidebarMenu, { className: className, children: _jsx(SidebarMenuItem, { children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { "data-testid": "user-menu-trigger", className: "data-[state=open]:bg-muted data-[state=open]:text-default-foreground w-full group-data-[collapsible=icon]:p-0", tooltip: currentDatastore.name, children: [currentDatastore.iconLogoUrl ? (_jsx("img", { src: currentDatastore.iconLogoUrl, alt: currentDatastore.name, width: 32, height: 32, className: "size-8 object-cover bg-faint rounded-full shrink-0 transition-[width,height] duration-200 ease-linear" })) : (_jsx(Initials, { className: "bg-primary shrink-0 rounded-full transition-[width,height] duration-200 ease-linear group-data-[collapsible=icon]:p-0", name: currentDatastore.name })), _jsxs("div", { className: "flex flex-col min-w-0 flex-1 transition-[opacity,max-width] duration-200 ease-linear max-w-full group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden", children: [_jsx("span", { "data-testid": "user-display-name", className: "truncate typography-small-medium text-left", children: name }), _jsx("span", { className: "truncate typography-tiny text-muted-foreground text-left", children: currentDatastore.name })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4 shrink-0 my-auto transition-[opacity,max-width] duration-200 ease-linear group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden" })] }) }), _jsxs(DropdownContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-60 rounded-lg px-0 bg-card border-muted shadow-md", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, onCloseAutoFocus: onCloseAutoFocus, children: [pickerSlot, topSlot, (pickerSlot || topSlot) && _jsx(DropdownSeparator, {}), _jsxs(DropdownGroup, { className: "p-2", children: [_jsxs(DropdownItem, { className: "p-1.5 flex flex-row items-center gap-1.5 typography-caption h-11", onClick: onNavigateToAccount, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(Initials, { name: name }), _jsx("span", { className: "typography-caption", children: name })] }), accountExtraSlot] }), children, _jsx(DropdownSeparator, {}), _jsx(DropdownGroup, { className: "p-2", children: _jsxs(DropdownItem, { "data-testid": "logout-button", className: "p-1.5 flex flex-row items-center gap-1.5 h-11", onClick: onLogout, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(LogOut, { className: "size-4" }), _jsx("span", { className: "my-auto typography-caption", children: "Sign out" })] }) })] })] }) }) }));
+    return (_jsx(SidebarMenu, { className: className, children: _jsx(SidebarMenuItem, { children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { "data-testid": "user-menu-trigger", className: "data-[state=open]:bg-muted data-[state=open]:text-default-foreground w-full group-data-[collapsible=icon]:p-0", tooltip: `${name} · ${currentDatastore.name}`, children: [_jsx(UserAvatar, { className: "shrink-0 rounded-full transition-[width,height] duration-200 ease-linear group-data-[collapsible=icon]:p-0", name: name, picture: picture }), _jsxs("div", { className: "flex flex-col min-w-0 flex-1 transition-[opacity,max-width] duration-200 ease-linear max-w-full group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden", children: [_jsx("span", { "data-testid": "user-display-name", className: "truncate typography-small-medium text-left", children: name }), _jsx("span", { className: "truncate typography-tiny text-muted-foreground text-left", children: currentDatastore.name })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4 shrink-0 my-auto transition-[opacity,max-width] duration-200 ease-linear group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden" })] }) }), _jsxs(DropdownContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-60 rounded-lg px-0 bg-card border-muted shadow-md", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, onCloseAutoFocus: onCloseAutoFocus, children: [pickerSlot, topSlot, (pickerSlot || topSlot) && _jsx(DropdownSeparator, {}), _jsxs(DropdownGroup, { className: "p-2", children: [_jsxs(DropdownItem, { className: "p-1.5 flex flex-row items-center gap-1.5 typography-caption h-11", onClick: onNavigateToAccount, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(UserAvatar, { name: name, picture: picture }), _jsx("span", { className: "typography-caption", children: name })] }), accountExtraSlot] }), children, _jsx(DropdownSeparator, {}), _jsx(DropdownGroup, { className: "p-2", children: _jsxs(DropdownItem, { "data-testid": "logout-button", className: "p-1.5 flex flex-row items-center gap-1.5 h-11", onClick: onLogout, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(LogOut, { className: "size-4" }), _jsx("span", { className: "my-auto typography-caption", children: "Sign out" })] }) })] })] }) }) }));
 }

package/dist/components/sidebar/user-avatar.d.ts

@@ -0,0 +1,7 @@
+export type UserAvatarArgs = {
+    name: string;
+    picture?: string | null;
+    className?: string;
+};
+export declare function UserAvatar(props: UserAvatarArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=user-avatar.d.ts.map

package/dist/components/sidebar/user-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/user-avatar.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAe/C"}

package/dist/components/sidebar/user-avatar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Initials } from "./initials.js";
+import { Avatar, AvatarFallback, AvatarImage } from "#components/avatar/index";
+import { cn } from "#style";
+export function UserAvatar(props) {
+    const { name, picture, className } = props;
+    return (_jsx(Avatar, { asChild: true, className: cn("size-8 rounded-lg", className), children: _jsxs("div", { "data-testid": "user-avatar", "aria-hidden": true, children: [isPresent(picture) && (_jsx(AvatarImage, { src: picture, alt: "", referrerPolicy: "no-referrer", className: "object-cover" })), _jsx(AvatarFallback, { className: "bg-transparent", children: _jsx(Initials, { name: name, className: "size-full rounded-[inherit]" }) })] }) }));
+}

package/dist/globals.css

@@ -699,6 +699,9 @@
   .m-0\.5 {
     margin: calc(var(--spacing) * 0.5);
   }
+  .m-2 {
+    margin: calc(var(--spacing) * 2);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -1499,6 +1502,9 @@
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
+  .w-1\/3 {
+    width: calc(1/3 * 100%);
+  }
   .w-1\/4 {
     width: calc(1/4 * 100%);
   }
@@ -5903,11 +5909,6 @@
       background-color: var(--color-muted);
     }
   }
-  .hover\:bg-muted-border {
-    &:is(:hover, [data-state="hover"]) {
-      background-color: var(--color-muted-border);
-    }
-  }
   .hover\:bg-muted-foreground {
     &:is(:hover, [data-state="hover"]) {
       background-color: var(--color-muted-foreground);
@@ -5971,14 +5972,6 @@
       background-color: var(--color-secondary-hover);
     }
   }
-  .hover\:bg-success\/80 {
-    &:is(:hover, [data-state="hover"]) {
-      background-color: color-mix(in srgb, #dcfce7 80%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-success) 80%, transparent);
-      }
-    }
-  }
   .hover\:bg-transparent {
     &:is(:hover, [data-state="hover"]) {
       background-color: transparent;

package/dist/hooks/use-connection-problems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-connection-problems.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connection-problems.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB;;;;;;;;;kBAMmvjI,CAAC;;YAA8D,CAAC;;IADv1jI"}
+{"version":3,"file":"use-connection-problems.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connection-problems.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB;;;;;;;;;kBAMgi2H,CAAC;;YAAsC,CAAC;;IAD5m2H"}