@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/core-wc3-workspace.mjs

@@ -0,0 +1,1015 @@
+import { Button } from "../button.mjs";
+import { Empty } from "../empty.mjs";
+import { ActivitySheet } from "../activity-sheet.mjs";
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command.mjs";
+import { usePersistentState } from "../use-persistent-state.mjs";
+import { NotificationCenter } from "../notification-center.mjs";
+import { Toaster } from "../sonner.mjs";
+import { PageContentHeader } from "../page-content-header.mjs";
+import { SideMenu } from "../side-menu.mjs";
+import { NEUTRAL_TONE, TONE_BY_ID } from "../tones.mjs";
+import { FileSystem } from "../file-system/file-system.mjs";
+import { CoreAppSidebar } from "../navigation/core-app-sidebar.mjs";
+import { CoreAppTopBar } from "../navigation/core-app-top-bar.mjs";
+import { APPS, APP_LIFECYCLE, AppDetailsDialog, AppWorkspace, HomeSurface, MarketplaceSurface, StageSurface, installedAppsGroup, lifecycleAppGroups, stageFromGroupId, useAppInstallation } from "./app-marketplace-shared.mjs";
+import { WC3_ACTION_TYPES, WC3_INTERFACES, WC3_LINK_TYPES, WC3_OBJECT_TYPES, WC3_SHARED_PROPERTIES, WC3_TYPE_GROUPS } from "./wc3-ontology-data.mjs";
+import { WC3_ORGANIZATIONS } from "./wc3-fs-data.mjs";
+import { WC3_ALL_FILE_TYPES, isWc3Ref } from "./wc3-fs-types.mjs";
+import { useWc3FsNodes, wc3Fs, wc3FsCreate, wc3FsRootByName } from "./wc3-fs-store.mjs";
+import { runOntologyLint } from "./wc3-health-view.mjs";
+import { ONTOLOGY_VIEWS } from "./wc3-ontology-views.mjs";
+import { WC3_PROCESSES } from "./wc3-process-data.mjs";
+import { WC3_NODE_KINDS, WC3_PIPELINES } from "./wc3-lineage-data.mjs";
+import { WC3_PRODUCTS } from "./wc3-product-data.mjs";
+import { ANALYSIS_VIEWS, seedAnalysisSession } from "./wc3-analysis-views.mjs";
+import { Wc3FsLocationField, wc3FsDefaultLocation } from "./wc3-fs-location-field.mjs";
+import { createActionTypeNamed, createObjectTypeNamed, fsRefFor } from "./wc3-fs-records.mjs";
+import { HomeView } from "./wc3-home-view.mjs";
+import { LINEAGE_VIEWS } from "./wc3-lineage-views.mjs";
+import { WC3_PIPELINE_ICONS, createPipeline } from "./wc3-pipeline-shared.mjs";
+import { PIPELINE_VIEWS, seedPipelines } from "./wc3-pipeline-views.mjs";
+import { createProcess } from "./wc3-process-shared.mjs";
+import { PROCESS_VIEWS, seedProcesses } from "./wc3-process-views.mjs";
+import { PRODUCT_VIEWS } from "./wc3-product-views.mjs";
+import { Bell, Blocks, Bookmark, Box, Boxes, ClipboardList, Compass, Database, Dna, Folder, FolderTree, HeartPulse, House, Layers, LayoutGrid, Link2, Network, Package, Play, Puzzle, Radar, Radio, Settings, Share2, ShieldCheck, SlidersHorizontal, Store, Table2, TrendingUp, Workflow, Zap } from "lucide-react";
+import { useCallback, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-wc3-workspace.tsx
+const PERSPECTIVES = [
+	{
+		id: "home",
+		label: "Home",
+		icon: House,
+		tabs: [{
+			id: "overview",
+			label: "Overview",
+			icon: LayoutGrid
+		}],
+		placeholders: {}
+	},
+	{
+		id: "analysis",
+		label: "Analysis",
+		icon: TrendingUp,
+		tabs: [
+			{
+				id: "object",
+				label: "Object analysis",
+				icon: Boxes
+			},
+			{
+				id: "data",
+				label: "Data analysis",
+				icon: Table2
+			},
+			{
+				id: "saved",
+				label: "Saved analyses",
+				icon: Bookmark
+			}
+		],
+		placeholders: {
+			object: "The stage path over an ontology object set — source, filter, traverse, derive — will appear here.",
+			data: "The stage path over a governed dataset, joined and aggregated, will appear here.",
+			saved: "Saved analyses with their spec, route, and lineage will appear here."
+		}
+	},
+	{
+		id: "processes",
+		label: "Processes",
+		icon: Workflow,
+		tabs: [{
+			id: "processes",
+			label: "Processes",
+			icon: Workflow,
+			badge: WC3_PROCESSES.length
+		}],
+		placeholders: { processes: "The process catalogue — state machines bound to ontology object types — will appear here." }
+	},
+	{
+		id: "pipelines",
+		label: "Pipelines",
+		icon: Share2,
+		tabs: [
+			{
+				id: "pipelines",
+				label: "Pipelines",
+				icon: Share2,
+				badge: WC3_PIPELINES.length
+			},
+			{
+				id: "palette",
+				label: "Palette",
+				icon: Blocks,
+				badge: Object.keys(WC3_NODE_KINDS).length
+			},
+			{
+				id: "runs",
+				label: "Runs",
+				icon: Play
+			}
+		],
+		placeholders: {
+			pipelines: "The pipeline catalogue will appear here.",
+			palette: "Sources, transforms, and sinks grouped by discipline will appear here.",
+			runs: "Pipeline runs with per-node row counts will appear here."
+		}
+	},
+	{
+		id: "products",
+		label: "Products",
+		icon: Package,
+		tabs: [{
+			id: "catalogue",
+			label: "Catalogue",
+			icon: Package,
+			badge: WC3_PRODUCTS.length
+		}],
+		placeholders: { catalogue: "The 17-product first-party Core catalogue will appear here." }
+	},
+	{
+		id: "lineage",
+		label: "Lineage",
+		icon: Network,
+		tabs: [
+			{
+				id: "data",
+				label: "Data lineage",
+				icon: Compass
+			},
+			{
+				id: "workflow",
+				label: "Workflow lineage",
+				icon: Zap
+			},
+			{
+				id: "impact",
+				label: "Impact (what-if)",
+				icon: Radar
+			}
+		],
+		placeholders: {
+			data: "The datasource → pipeline → object type → projection DAG will appear here.",
+			workflow: "An action run, the rules it fired, and its side effects will appear here.",
+			impact: "The blast radius of a change across pipelines, processes, and actions will appear here."
+		}
+	},
+	{
+		id: "ontology",
+		label: "Ontology",
+		icon: Layers,
+		tabs: [
+			{
+				id: "object-types",
+				label: "Object types",
+				icon: Box,
+				badge: WC3_OBJECT_TYPES.length
+			},
+			{
+				id: "link-types",
+				label: "Link types",
+				icon: Link2,
+				badge: WC3_LINK_TYPES.length
+			},
+			{
+				id: "action-types",
+				label: "Action types",
+				icon: Zap,
+				badge: WC3_ACTION_TYPES.length
+			},
+			{
+				id: "interfaces",
+				label: "Interfaces",
+				icon: Dna,
+				badge: WC3_INTERFACES.length
+			},
+			{
+				id: "shared-properties",
+				label: "Shared properties",
+				icon: Puzzle,
+				badge: WC3_SHARED_PROPERTIES.length
+			},
+			{
+				id: "groups",
+				label: "Groups",
+				icon: Folder,
+				badge: WC3_TYPE_GROUPS.length
+			},
+			{
+				id: "graph",
+				label: "Graph explorer",
+				icon: Network,
+				badge: WC3_LINK_TYPES.length
+			},
+			{
+				id: "health",
+				label: "Health",
+				icon: HeartPulse,
+				badge: runOntologyLint().length
+			}
+		],
+		placeholders: {
+			"object-types": "The object types in the shared ontology will appear here.",
+			"link-types": "How object types relate to one another will appear here.",
+			"action-types": "The actions that can be run against objects will appear here.",
+			interfaces: "Shared interfaces and their implementors will appear here.",
+			"shared-properties": "Properties reused across object types will appear here.",
+			groups: "Type groups will appear here.",
+			graph: "The graph explorer over the ontology will appear here.",
+			health: "Ontology lint findings will appear here."
+		}
+	}
+];
+const WORKSPACE_GROUPS = [{ items: PERSPECTIVES.map((p) => ({
+	id: p.id,
+	label: p.label,
+	icon: p.icon
+})) }];
+const SEED_NOTIFICATIONS = [
+	{
+		id: "n1",
+		title: "Pipeline run finished",
+		body: "BIM ingest upserted 2 new elements",
+		time: "2m ago",
+		unread: true,
+		kind: "Pipelines",
+		tone: "success"
+	},
+	{
+		id: "n2",
+		title: "Permit PT-706 suspended",
+		body: "Zone still shows 10 workers on site",
+		time: "18m ago",
+		unread: true,
+		kind: "Safety",
+		tone: "danger"
+	},
+	{
+		id: "n3",
+		title: "Ontology lint: 1 error",
+		body: "Direct Schema Translation on Lint Demo: Badge Events Raw Table",
+		time: "1h ago",
+		unread: true,
+		kind: "Health",
+		tone: "warning"
+	},
+	{
+		id: "n4",
+		title: "Product installed",
+		body: "labour v2026-06-02.v1 added 3 object types",
+		time: "3h ago",
+		kind: "Products"
+	}
+];
+const SEED_CHANGES = [
+	{
+		id: "c1",
+		kind: "update-object-type",
+		summary: "Renamed “Worker” visibility to Prominent",
+		time: "just now",
+		undoable: true
+	},
+	{
+		id: "c2",
+		kind: "create-link-type",
+		summary: "Created link type “Sites / Project”",
+		time: "2m ago",
+		undoable: true
+	},
+	{
+		id: "c3",
+		kind: "add-property",
+		summary: "Added property “contractor” to Worker",
+		time: "6m ago",
+		undoable: false
+	},
+	{
+		id: "c4",
+		kind: "create-object-type",
+		summary: "Created object type “Site Inspection”",
+		time: "20m ago",
+		committed: true
+	}
+];
+const PROJECTS = [
+	"Falcon Heights Medical Tower",
+	"Uptown Tower",
+	"Marina Heights",
+	"NEOM Site 4"
+];
+const ORGANIZATIONS = WC3_ORGANIZATIONS;
+const FILES_ITEM_ID = "files";
+const SETTINGS_GROUPS = [{
+	label: "System",
+	items: [
+		{
+			id: "general",
+			label: "General",
+			icon: SlidersHorizontal
+		},
+		{
+			id: "permissions",
+			label: "Permissions & lens",
+			icon: ShieldCheck
+		},
+		{
+			id: "telemetry",
+			label: "Telemetry",
+			icon: Radio
+		},
+		{
+			id: "datasources",
+			label: "Datasources",
+			icon: Database
+		}
+	]
+}, {
+	label: "Ontology",
+	items: [
+		{
+			id: "object-types",
+			label: "Object types",
+			icon: Box
+		},
+		{
+			id: "link-types",
+			label: "Link types",
+			icon: Link2
+		},
+		{
+			id: "action-types",
+			label: "Action types",
+			icon: Zap
+		},
+		{
+			id: "interfaces",
+			label: "Interfaces",
+			icon: Dna
+		},
+		{
+			id: "shared-properties",
+			label: "Shared properties",
+			icon: Puzzle
+		},
+		{
+			id: "type-groups",
+			label: "Type groups",
+			icon: Folder
+		}
+	]
+}];
+const SETTINGS_ITEMS = SETTINGS_GROUPS.flatMap((group) => group.items);
+const SETTING_PLACEHOLDER = {
+	general: "General settings for this perspective — what it shows and how it derives from the store.",
+	permissions: "Which groups see this perspective, and which actions each persona lens may run.",
+	telemetry: "Configure the live telemetry feed and how often derived counts refresh.",
+	datasources: "The datasources feeding the object types this perspective reads.",
+	"object-types": "Define the object types in the shared ontology.",
+	"link-types": "Define how object types relate to one another.",
+	"action-types": "Configure the actions that can be run against objects.",
+	interfaces: "Manage shared interfaces object types can implement.",
+	"shared-properties": "Manage properties reused across object types.",
+	"type-groups": "Group related types for navigation and permissions."
+};
+const settingLabel = (id) => SETTINGS_ITEMS.find((item) => item.id === id)?.label ?? "Settings";
+const MARKETPLACE_ITEM_ID = "studio-marketplace";
+const STUDIO_GROUP_ID = "studio";
+/**
+* Studio's tints come from the shared palette by id, not by position: these perspectives ARE the apps
+* that own the file system's record kinds, so each takes the hue its records already wear. Pipelines
+* is blue because a pipeline file is blue; Processes violet, Ontology emerald, Analysis cyan, Products
+* rose, Lineage teal (it traces datasets, which the file system tints teal). The colour a reader
+* learns in Files therefore means the same thing in the rail.
+*
+* These are far enough apart on the wheel that no two adjacent rows read as the same colour, which is
+* the same guarantee `toneFor` gives positionally — here it falls out of the meanings instead.
+*/
+const STUDIO_TONES = {
+	pipelines: TONE_BY_ID.blue.chip,
+	processes: TONE_BY_ID.violet.chip,
+	ontology: TONE_BY_ID.emerald.chip,
+	analysis: TONE_BY_ID.cyan.chip,
+	products: TONE_BY_ID.rose.chip,
+	lineage: TONE_BY_ID.teal.chip
+};
+/** Studio's items. Tinted only in the V3 shape, to match its tinted app stages; V2 stays plain. */
+const studioItems = (lifecycle) => PERSPECTIVES.filter((p) => p.id !== "home").map((p) => ({
+	id: p.id,
+	label: p.label,
+	icon: p.icon,
+	...lifecycle ? { tone: STUDIO_TONES[p.id] ?? "wwc:bg-muted wwc:text-foreground/70" } : {}
+}));
+/**
+* Studio's chrome depends on the release. V2 keeps it a plain heading over a list — the shape that
+* release shipped with. V3 puts it on the same footing as its lifecycle stages: an icon, a clickable
+* name, and a chevron. Gated rather than shared, so refining V3 cannot quietly restyle V2.
+*/
+const mergedWorkspaceGroups = (lifecycle) => [{
+	label: "Studio",
+	items: studioItems(lifecycle),
+	...lifecycle ? {
+		id: STUDIO_GROUP_ID,
+		icon: Blocks,
+		collapsible: true,
+		dividerBefore: true
+	} : {}
+}];
+/**
+* @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+* supported production import: compose your page from the widgets this template uses, wired to your
+* own data (see the CoreWC3Workspace template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function WC3Workspace({ withMarketplace = false, userName = "Abdullah", appGrouping = "flat", marketplacePlacement = "pinned", preinstalledApps, switcherScope = "project", showFiles = false } = {}) {
+	const [mode, setMode] = useState("default");
+	const [surface, setSurface] = useState(withMarketplace ? "home" : "workspace");
+	const [activeAppId, setActiveAppId] = useState(null);
+	const [activeStage, setActiveStage] = useState(null);
+	const [searchOpen, setSearchOpen] = useState(false);
+	const [marketplaceTab, setMarketplaceTab] = useState("App Store");
+	const [perspectiveId, setPerspectiveId] = usePersistentState("wc3.workspace.perspective", PERSPECTIVES[0].id);
+	const [tabByPerspective, setTabByPerspective] = usePersistentState("wc3.workspace.tabs", {});
+	const [project, setProject] = usePersistentState("wc3.project", PROJECTS[0]);
+	const [organization, setOrganization] = usePersistentState("wc3.organization", ORGANIZATIONS[0]);
+	const byOrg = switcherScope === "organization";
+	const fsNodes = useWc3FsNodes();
+	const fsRoot = wc3FsRootByName(byOrg ? organization : ORGANIZATIONS[0]);
+	const filesEnabled = withMarketplace && showFiles && fsRoot !== void 0;
+	const [fsFolderId, setFsFolderId] = useState(null);
+	const [fsProjectId, setFsProjectId] = useState(null);
+	const selectOrganization = useCallback((next) => {
+		setOrganization(next);
+		setFsFolderId(null);
+		setFsProjectId(null);
+	}, [setOrganization]);
+	const fsFilterFolder = fsFolderId ? wc3Fs.node(fsFolderId) : void 0;
+	const fsOpenProject = fsProjectId ? wc3Fs.node(fsProjectId) : void 0;
+	const [activeSetting, setActiveSetting] = useState("general");
+	const [detailLabel, setDetailLabel] = useState(null);
+	const [centre, setCentre] = useState(null);
+	const [notifications, setNotifications] = useState(SEED_NOTIFICATIONS);
+	const [changes, setChanges] = useState(SEED_CHANGES);
+	const [pipelines, setPipelines] = useState(seedPipelines);
+	const [processes, setProcesses] = useState(seedProcesses);
+	const [analysis, setAnalysis] = useState(seedAnalysisSession);
+	const [objectTypes, setObjectTypes] = useState(() => [...WC3_OBJECT_TYPES]);
+	const [actionTypes, setActionTypes] = useState(() => [...WC3_ACTION_TYPES]);
+	const [navOpen, setNavOpen] = useState(false);
+	const install = useAppInstallation({
+		initialInstalled: withMarketplace ? preinstalledApps : void 0,
+		onUninstalled: (app) => {
+			if (activeAppId !== app.id) return;
+			setActiveAppId(null);
+			setSurface("home");
+		}
+	});
+	const activeApp = APPS.find((a) => a.id === activeAppId) ?? null;
+	const openApp = (app) => {
+		install.markOpened(app);
+		setActiveAppId(app.id);
+		setSurface("app");
+	};
+	const perspective = PERSPECTIVES.find((p) => p.id === perspectiveId) ?? PERSPECTIVES[0];
+	const activeTabItem = perspective.tabs.find((t) => t.id === tabByPerspective[perspective.id]) ?? perspective.tabs[0];
+	const activeTab = activeTabItem.id;
+	const TabIcon = activeTabItem.icon;
+	const activeSettingLabel = settingLabel(activeSetting);
+	const OntologyView = perspective.id === "ontology" ? ONTOLOGY_VIEWS[activeTabItem.id] : void 0;
+	const LineageView = perspective.id === "lineage" ? LINEAGE_VIEWS[activeTabItem.id] : void 0;
+	const PipelineView = perspective.id === "pipelines" ? PIPELINE_VIEWS[activeTabItem.id] : void 0;
+	const ProcessView = perspective.id === "processes" ? PROCESS_VIEWS[activeTabItem.id] : void 0;
+	const ProductView = perspective.id === "products" ? PRODUCT_VIEWS[activeTabItem.id] : void 0;
+	const AnalysisView = perspective.id === "analysis" ? ANALYSIS_VIEWS[activeTabItem.id] : void 0;
+	const showHome = perspective.id === "home";
+	const homeCards = PERSPECTIVES.filter((p) => p.id !== "home").map((p) => ({
+		id: p.id,
+		label: p.label,
+		icon: p.icon,
+		tabs: p.tabs.map((t) => ({
+			id: t.id,
+			label: t.label,
+			badge: t.badge
+		}))
+	}));
+	const [openRecordId, setOpenRecordId] = useState(null);
+	const [openedFromFs, setOpenedFromFs] = useState(null);
+	const openWorkspaceTarget = useCallback((target) => {
+		const next = PERSPECTIVES.find((p) => p.id === target.perspectiveId);
+		if (!next) return;
+		setPerspectiveId(next.id);
+		if (target.tabId && next.tabs.some((t) => t.id === target.tabId)) setTabByPerspective({
+			...tabByPerspective,
+			[next.id]: target.tabId
+		});
+		setOpenRecordId(target.recordId ?? null);
+		setOpenedFromFs(null);
+		setSurface("workspace");
+		setMode("default");
+		setDetailLabel(null);
+	}, [
+		tabByPerspective,
+		setPerspectiveId,
+		setTabByPerspective
+	]);
+	const consumeOpenRecord = useCallback(() => setOpenRecordId(null), []);
+	/**
+	* Opening a file from the tree. A file with no `ref` — a spreadsheet, a write-up — has no app behind
+	* it and stays put rather than navigating somewhere arbitrary.
+	*/
+	const openFsFile = useCallback((node) => {
+		if (!isWc3Ref(node.ref)) return;
+		openWorkspaceTarget(node.ref);
+		setOpenedFromFs(node);
+	}, [openWorkspaceTarget]);
+	/**
+	* Create the record a new file names, and return the address to file it at.
+	*
+	* A "Pipeline" in the file system has to be a pipeline in the Pipelines perspective — a file naming
+	* something that does not exist can only apologise when you click it. Types with no app behind them
+	* (a dataset, a document) return nothing, and the file is filed without a ref.
+	*/
+	const createFsRecord = useCallback((fileType, name) => {
+		switch (fileType) {
+			case "pipeline": {
+				const created = createPipeline({
+					name,
+					icon: WC3_PIPELINE_ICONS[0] ?? "pipeline",
+					desc: ""
+				});
+				setPipelines((prev) => [...prev, created]);
+				return fsRefFor(fileType, created.id);
+			}
+			case "process": {
+				const created = createProcess({
+					name,
+					icon: "workflow",
+					objectTypeId: "",
+					statusProp: ""
+				});
+				setProcesses((prev) => [...prev, created]);
+				return fsRefFor(fileType, created.id);
+			}
+			case "object-type": {
+				const created = createObjectTypeNamed(name);
+				setObjectTypes((prev) => [...prev, created]);
+				return fsRefFor(fileType, created.id);
+			}
+			case "action-type": {
+				const created = createActionTypeNamed(name);
+				setActionTypes((prev) => [created, ...prev]);
+				return fsRefFor(fileType, created.id);
+			}
+			default: return;
+		}
+	}, []);
+	const [fsNewLocation, setFsNewLocation] = useState(void 0);
+	const fsNewLocationId = fsNewLocation ?? (fsRoot ? wc3FsDefaultLocation(fsRoot.id) : void 0);
+	/**
+	* The "where does this go?" field every Studio create dialog leads with, and the filing that
+	* follows. Without it a record made in an app had no address at all — it appeared in that app's
+	* list and nowhere else, with an empty Location column beside it, which reads as a bug.
+	*/
+	const fsCreateLocationField = filesEnabled && fsRoot && fsNewLocationId ? /* @__PURE__ */ jsx(Wc3FsLocationField, {
+		rootId: fsRoot.id,
+		value: fsNewLocationId,
+		onChange: setFsNewLocation
+	}) : void 0;
+	const fileNewRecord = useCallback((fileType, perspectiveId, tabId) => (recordId, name) => {
+		if (!fsNewLocationId) return;
+		wc3FsCreate({
+			name,
+			kind: "file",
+			parentId: fsNewLocationId,
+			fileType,
+			ref: {
+				perspectiveId,
+				tabId,
+				recordId
+			}
+		});
+	}, [fsNewLocationId]);
+	/** Show a record's folder in the file system — the return leg of the loop openFsFile starts. */
+	const showInFiles = useCallback((folderId) => {
+		setFsFolderId(folderId);
+		setFsProjectId(null);
+		setSurface("files");
+		setMode("default");
+	}, []);
+	/** "Open in Pipelines" — the perspective a file's ref points at, named for the panel's action. */
+	const fsOpenLabel = useCallback((node) => {
+		if (!isWc3Ref(node.ref)) return void 0;
+		const ref = node.ref;
+		const perspective = PERSPECTIVES.find((p) => p.id === ref.perspectiveId);
+		return perspective ? `Open in ${perspective.label}` : void 0;
+	}, []);
+	const workspaceBreadcrumb = mode === "settings" ? `${perspective.label} / Settings / ${activeSettingLabel}` : `${perspective.label} / ${activeTabItem.label}${detailLabel ? ` / ${detailLabel}` : ""}`;
+	const breadcrumb = !withMarketplace ? workspaceBreadcrumb : surface === "files" ? [
+		"Connect",
+		"Files",
+		...fsOpenProject ? [fsOpenProject.name] : fsFilterFolder ? [fsFilterFolder.name] : []
+	].join(" / ") : surface === "notifications" ? "Connect / Notifications" : surface === "studio" ? "Connect / Studio" : surface === "stage" && activeStage ? `Connect / ${activeStage}` : surface === "home" ? "Connect / Home" : surface === "marketplace" ? `Connect / Marketplace / ${marketplaceTab}` : surface === "app" && activeApp ? `Connect / ${activeApp.name}` : `Connect / ${workspaceBreadcrumb}`;
+	const appGroups = appGrouping === "lifecycle" ? lifecycleAppGroups(install.installedApps, install.newIds) : installedAppsGroup(install.installedApps, install.newIds);
+	const lifecycleShape = withMarketplace && appGrouping === "lifecycle";
+	const openStudio = () => setSurface("studio");
+	const openStage = (stage) => {
+		setActiveStage(stage);
+		setSurface("stage");
+	};
+	const fsRecordCrumb = filesEnabled && surface === "workspace" && openedFromFs && detailLabel === openedFromFs.name ? [
+		{
+			label: "Files",
+			onSelect: () => showInFiles(null)
+		},
+		...wc3Fs.ancestors(openedFromFs.id).filter((n) => n.kind !== "root").map((n) => ({
+			label: n.name,
+			onSelect: () => showInFiles(n.id)
+		})),
+		{ label: openedFromFs.name }
+	] : void 0;
+	const lifecycleBreadcrumb = !lifecycleShape ? void 0 : fsRecordCrumb ? fsRecordCrumb : surface === "notifications" ? [{ label: "Notifications" }] : surface === "home" ? [{ label: "Home" }] : surface === "studio" ? [{ label: "Studio" }] : surface === "stage" && activeStage ? [{ label: activeStage }] : surface === "files" ? [{
+		label: "Files",
+		onSelect: fsProjectId || fsFolderId ? () => {
+			setFsProjectId(null);
+			setFsFolderId(null);
+		} : void 0
+	}, ...fsOpenProject ? [{ label: fsOpenProject.name }] : fsFilterFolder ? [{ label: fsFilterFolder.name }] : []] : surface === "marketplace" ? [
+		{
+			label: "Studio",
+			onSelect: openStudio
+		},
+		{ label: "Marketplace" },
+		{ label: marketplaceTab }
+	] : surface === "app" && activeApp ? [...APP_LIFECYCLE[activeApp.id] ? [{
+		label: APP_LIFECYCLE[activeApp.id],
+		onSelect: () => openStage(APP_LIFECYCLE[activeApp.id])
+	}] : [], { label: activeApp.name }] : mode === "settings" ? [
+		{
+			label: "Studio",
+			onSelect: openStudio
+		},
+		{ label: perspective.label },
+		{ label: "Settings" },
+		{ label: activeSettingLabel }
+	] : [
+		{
+			label: "Studio",
+			onSelect: openStudio
+		},
+		{ label: perspective.label },
+		{ label: activeTabItem.label },
+		...detailLabel ? [{ label: detailLabel }] : []
+	];
+	const baseStudioGroups = mergedWorkspaceGroups(lifecycleShape);
+	const studioGroups = marketplacePlacement === "studio" ? baseStudioGroups.map((g, i) => i === baseStudioGroups.length - 1 ? {
+		...g,
+		items: [...g.items, {
+			id: MARKETPLACE_ITEM_ID,
+			label: "Marketplace",
+			icon: Store,
+			...lifecycleShape ? { tone: NEUTRAL_TONE } : {}
+		}]
+	} : g) : baseStudioGroups;
+	const sidebarGroups = withMarketplace ? [...appGroups, ...studioGroups] : WORKSPACE_GROUPS;
+	const activeItemId = !withMarketplace ? perspective.id : surface === "files" ? void 0 : surface === "app" && activeAppId ? `app-${activeAppId}` : surface === "marketplace" && marketplacePlacement === "studio" ? MARKETPLACE_ITEM_ID : perspective.id;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:h-full wwc:min-h-0 wwc:bg-background wwc:text-foreground",
+		children: [
+			/* @__PURE__ */ jsx(CoreAppSidebar, {
+				viewLevel: "org",
+				orgGroups: sidebarGroups,
+				activeItemId,
+				showSearch: lifecycleShape,
+				onSearch: () => setSearchOpen(true),
+				searchShortcut: lifecycleShape ? "j" : void 0,
+				showNotifications: lifecycleShape,
+				notificationsActive: lifecycleShape && surface === "notifications",
+				notifications: lifecycleShape ? notifications : void 0,
+				unreadNotifications: lifecycleShape ? notifications.filter((n) => n.unread).length : 0,
+				onNotificationSelect: lifecycleShape ? () => setCentre("notifications") : void 0,
+				onViewAllNotifications: lifecycleShape ? () => setSurface("notifications") : void 0,
+				brandName: withMarketplace ? "Connect" : void 0,
+				activeGroupId: surface === "stage" && activeStage ? `stage-${activeStage}` : surface === "studio" ? STUDIO_GROUP_ID : void 0,
+				onGroupSelect: (groupId) => {
+					if (groupId === STUDIO_GROUP_ID) {
+						setSurface("studio");
+						return;
+					}
+					const stage = stageFromGroupId(groupId);
+					if (!stage) return;
+					setActiveStage(stage);
+					setSurface("stage");
+				},
+				pinnedTop: filesEnabled ? {
+					id: FILES_ITEM_ID,
+					label: "Files",
+					icon: FolderTree,
+					active: surface === "files",
+					onSelect: () => {
+						setSurface("files");
+						setMode("default");
+					}
+				} : void 0,
+				showHome: withMarketplace,
+				homeActive: withMarketplace && surface === "home",
+				onHome: () => setSurface("home"),
+				variant: lifecycleShape ? "tree" : "list",
+				showHomeDivider: false,
+				showMarketplace: withMarketplace && marketplacePlacement === "pinned",
+				marketplaceLabel: "Marketplace",
+				marketplaceActive: surface === "marketplace" && marketplacePlacement === "pinned",
+				onMarketplace: () => setSurface("marketplace"),
+				mobileOpen: navOpen,
+				onMobileOpenChange: setNavOpen,
+				onNavigate: (label) => {
+					if (withMarketplace) {
+						const app = install.installedApps.find((a) => a.name === label);
+						if (app) {
+							openApp(app);
+							return;
+						}
+						if (marketplacePlacement === "studio" && label === "Marketplace") {
+							setMarketplaceTab("App Store");
+							setSurface("marketplace");
+							return;
+						}
+					}
+					const next = PERSPECTIVES.find((p) => p.label === label);
+					if (!next) return;
+					setPerspectiveId(next.id);
+					setSurface("workspace");
+					setMode("default");
+				}
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col",
+				children: [
+					/* @__PURE__ */ jsx(CoreAppTopBar, {
+						activeLabel: breadcrumb,
+						breadcrumb: lifecycleBreadcrumb,
+						showProjectSwitcher: true,
+						projects: byOrg ? ORGANIZATIONS : PROJECTS,
+						selectedProject: byOrg ? organization : project,
+						onSelectProject: byOrg ? selectOrganization : setProject,
+						labels: byOrg ? {
+							findProject: "Find organization...",
+							noProjectsFound: "No organizations found"
+						} : void 0,
+						actions: lifecycleShape ? void 0 : /* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": "Changeset",
+							className: "wwc:relative wwc:h-8 wwc:w-8 wwc:text-muted-foreground",
+							onClick: () => setCentre((c) => c === "changes" ? null : "changes"),
+							children: [/* @__PURE__ */ jsx(ClipboardList, { className: "wwc:h-4 wwc:w-4" }), changes.filter((c) => !c.committed).length > 0 && /* @__PURE__ */ jsx("span", {
+								className: "wwc:absolute wwc:-right-0.5 wwc:-top-0.5 wwc:flex wwc:h-4 wwc:min-w-4 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-primary wwc:px-1 wwc:text-[9px] wwc:font-semibold wwc:text-primary-foreground wwc:tabular-nums",
+								children: changes.filter((c) => !c.committed).length
+							})]
+						}),
+						showNotifications: !lifecycleShape,
+						notificationCount: notifications.filter((n) => n.unread).length,
+						onNotificationsClick: () => setCentre((c) => c === "notifications" ? null : "notifications"),
+						onMenuClick: () => setNavOpen(true)
+					}),
+					lifecycleShape && /* @__PURE__ */ jsxs(CommandDialog, {
+						open: searchOpen,
+						onOpenChange: setSearchOpen,
+						contentClassName: "wwc:max-w-2xl",
+						children: [
+							/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search apps and perspectives…" }),
+							/* @__PURE__ */ jsx("div", {
+								className: "wwc:border-b wwc:border-border wwc:bg-muted/40 wwc:px-3 wwc:py-2 wwc:text-[11px] wwc:text-muted-foreground",
+								children: "Placeholder — search is not built yet. This lists the installed apps and Studio perspectives so the gesture and the shape are real."
+							}),
+							/* @__PURE__ */ jsxs(CommandList, {
+								className: "wwc:h-[320px] wwc:max-h-none",
+								children: [
+									/* @__PURE__ */ jsx(CommandEmpty, { children: "No matches." }),
+									/* @__PURE__ */ jsx(CommandGroup, {
+										heading: "Apps",
+										children: install.installedApps.map((app) => /* @__PURE__ */ jsxs(CommandItem, {
+											value: app.name,
+											onSelect: () => {
+												setSearchOpen(false);
+												openApp(app);
+											},
+											children: [/* @__PURE__ */ jsx(app.icon, { className: "wwc:mr-2 wwc:h-4 wwc:w-4 wwc:text-muted-foreground" }), app.name]
+										}, app.id))
+									}),
+									/* @__PURE__ */ jsx(CommandGroup, {
+										heading: "Studio",
+										children: PERSPECTIVES.filter((p) => p.id !== "home").map((p) => /* @__PURE__ */ jsxs(CommandItem, {
+											value: p.label,
+											onSelect: () => {
+												setSearchOpen(false);
+												setPerspectiveId(p.id);
+												setSurface("workspace");
+												setMode("default");
+											},
+											children: [/* @__PURE__ */ jsx(p.icon, { className: "wwc:mr-2 wwc:h-4 wwc:w-4 wwc:text-muted-foreground" }), p.label]
+										}, p.id))
+									})
+								]
+							})
+						]
+					}),
+					lifecycleShape ? /* @__PURE__ */ jsx(ActivitySheet, {
+						open: centre !== null,
+						view: centre ?? "notifications",
+						onOpenChange: (o) => !o && setCentre(null),
+						onViewChange: setCentre,
+						notifications,
+						changes,
+						onDismiss: (id) => setNotifications((prev) => prev.filter((n) => n.id !== id)),
+						onClearAll: () => setNotifications([]),
+						onUndo: (id) => setChanges((prev) => prev.filter((c) => c.id !== id)),
+						onApplyAll: () => setChanges((prev) => prev.map((c) => ({
+							...c,
+							committed: true
+						}))),
+						onDiscardAll: () => setChanges((prev) => prev.filter((c) => c.committed))
+					}) : /* @__PURE__ */ jsx(NotificationCenter, {
+						open: centre !== null,
+						view: centre ?? "notifications",
+						onOpenChange: (o) => !o && setCentre(null),
+						notifications,
+						changes,
+						onDismiss: (id) => setNotifications((prev) => prev.filter((n) => n.id !== id)),
+						onClearAll: () => setNotifications([]),
+						onUndo: (id) => setChanges((prev) => prev.filter((c) => c.id !== id)),
+						onApplyAll: () => setChanges((prev) => prev.map((c) => ({
+							...c,
+							committed: true
+						}))),
+						onDiscardAll: () => setChanges((prev) => prev.filter((c) => c.committed))
+					}),
+					/* @__PURE__ */ jsx("main", {
+						className: "wwc:relative wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-hidden",
+						children: withMarketplace && surface === "studio" ? /* @__PURE__ */ jsx(HomeView, {
+							cards: homeCards,
+							onOpen: (id) => openWorkspaceTarget({ perspectiveId: id })
+						}) : withMarketplace && surface === "stage" && activeStage ? /* @__PURE__ */ jsx(StageSurface, {
+							fullWidth: lifecycleShape,
+							stage: activeStage,
+							installed: install.installedApps,
+							newIds: install.newIds,
+							onOpenApp: openApp,
+							onBrowse: () => setSurface("marketplace")
+						}) : surface === "notifications" ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:h-full wwc:w-full wwc:flex-col wwc:items-center wwc:justify-center wwc:gap-2 wwc:p-6 wwc:text-center",
+							children: [
+								/* @__PURE__ */ jsx(Bell, { className: "wwc:h-6 wwc:w-6 wwc:text-muted-foreground/40" }),
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-[13px] wwc:font-medium wwc:text-foreground",
+									children: "Notifications"
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:max-w-[420px] wwc:text-[12px] wwc:text-muted-foreground",
+									children: "This page is not built yet. The full notifications surface comes in its own task."
+								})
+							]
+						}) : filesEnabled && surface === "files" && fsRoot ? /* @__PURE__ */ jsx(FileSystem, {
+							nodes: fsNodes,
+							rootId: fsRoot.id,
+							fileTypes: WC3_ALL_FILE_TYPES,
+							projectId: fsProjectId,
+							onProjectChange: setFsProjectId,
+							folderId: fsFolderId,
+							onFolderChange: setFsFolderId,
+							openLabel: fsOpenLabel,
+							onOpenFile: openFsFile,
+							onCreate: (draft) => wc3FsCreate({
+								...draft,
+								ref: draft.kind === "file" && draft.fileType ? createFsRecord(draft.fileType, draft.name) : void 0
+							})
+						}, fsRoot.id) : withMarketplace && surface === "home" ? /* @__PURE__ */ jsx(HomeSurface, {
+							fullWidth: lifecycleShape,
+							cardActionVariant: lifecycleShape ? "secondary" : "default",
+							userName,
+							installed: install.installedApps,
+							newIds: install.newIds,
+							onBrowse: () => setSurface("marketplace"),
+							onOpenApp: openApp
+						}) : withMarketplace && surface === "marketplace" ? /* @__PURE__ */ jsx(MarketplaceSurface, {
+							fullWidth: lifecycleShape,
+							title: "Marketplace",
+							onTabChange: setMarketplaceTab,
+							isInstalled: install.isInstalled,
+							installingIds: install.installingIds,
+							installedCount: install.installedIds.size,
+							onDetails: install.setDetailsApp,
+							onToggle: install.toggleInstall
+						}) : withMarketplace && surface === "app" ? /* @__PURE__ */ jsx(AppWorkspace, { app: activeApp }) : mode === "default" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PageContentHeader, {
+							variant: "navigation",
+							title: perspective.label,
+							tabs: perspective.tabs,
+							activeTab,
+							onTabChange: (tab) => setTabByPerspective({
+								...tabByPerspective,
+								[perspective.id]: tab
+							})
+						}), showHome ? /* @__PURE__ */ jsx(HomeView, {
+							cards: homeCards,
+							onOpen: (id) => openWorkspaceTarget({ perspectiveId: id })
+						}) : OntologyView ? /* @__PURE__ */ jsx(OntologyView, {
+							onDetailChange: setDetailLabel,
+							openRecordId,
+							onOpenRecordConsumed: consumeOpenRecord,
+							onShowInFiles: filesEnabled ? showInFiles : void 0,
+							objectTypes,
+							onObjectTypesChange: setObjectTypes,
+							actionTypes,
+							onActionTypesChange: setActionTypes,
+							createLocationField: fsCreateLocationField,
+							onRecordCreated: fileNewRecord(activeTab === "action-types" ? "action-type" : "object-type", "ontology", activeTab)
+						}) : LineageView ? /* @__PURE__ */ jsx(LineageView, {
+							onDetailChange: setDetailLabel,
+							onNavigate: openWorkspaceTarget,
+							onOpenChangeset: () => setCentre("changes")
+						}) : PipelineView ? /* @__PURE__ */ jsx(PipelineView, {
+							pipelines,
+							onPipelinesChange: setPipelines,
+							onDetailChange: setDetailLabel,
+							onNavigate: openWorkspaceTarget,
+							openRecordId,
+							onOpenRecordConsumed: consumeOpenRecord,
+							onShowInFiles: filesEnabled ? showInFiles : void 0,
+							createLocationField: fsCreateLocationField,
+							onRecordCreated: fileNewRecord("pipeline", "pipelines", "pipelines")
+						}) : ProcessView ? /* @__PURE__ */ jsx(ProcessView, {
+							processes,
+							onProcessesChange: setProcesses,
+							onDetailChange: setDetailLabel,
+							onNavigate: openWorkspaceTarget,
+							openRecordId,
+							onOpenRecordConsumed: consumeOpenRecord,
+							onShowInFiles: filesEnabled ? showInFiles : void 0,
+							createLocationField: fsCreateLocationField,
+							onRecordCreated: fileNewRecord("process", "processes", "processes")
+						}) : ProductView ? /* @__PURE__ */ jsx(ProductView, {
+							onDetailChange: setDetailLabel,
+							onNavigate: openWorkspaceTarget,
+							openRecordId,
+							onOpenRecordConsumed: consumeOpenRecord
+						}) : AnalysisView ? /* @__PURE__ */ jsx(AnalysisView, {
+							session: analysis,
+							onSessionChange: setAnalysis,
+							onDetailChange: setDetailLabel,
+							onNavigate: openWorkspaceTarget
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+							children: /* @__PURE__ */ jsx("div", {
+								className: `wwc:w-full wwc:p-6 ${lifecycleShape ? "" : "wwc:mx-auto wwc:max-w-[1200px]"}`,
+								children: /* @__PURE__ */ jsx("div", {
+									className: "wwc:flex wwc:min-h-[320px] wwc:items-center wwc:justify-center",
+									children: /* @__PURE__ */ jsx(Empty, {
+										icon: TabIcon ? /* @__PURE__ */ jsx(TabIcon, { className: "wwc:h-6 wwc:w-6" }) : void 0,
+										title: activeTabItem.label,
+										description: perspective.placeholders[activeTabItem.id]
+									})
+								})
+							})
+						})] }) : /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row",
+							children: [/* @__PURE__ */ jsx(SideMenu, {
+								title: "Settings",
+								onBack: () => setMode("default"),
+								backLabel: `Back to ${perspective.label}`,
+								showSearch: false,
+								groups: SETTINGS_GROUPS,
+								activeItemId: activeSetting,
+								onItemSelect: setActiveSetting
+							}), /* @__PURE__ */ jsx("div", {
+								className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+								children: /* @__PURE__ */ jsxs("div", {
+									className: `wwc:w-full wwc:p-6 ${lifecycleShape ? "" : "wwc:mx-auto wwc:max-w-[1000px]"}`,
+									children: [/* @__PURE__ */ jsx("h1", {
+										className: "wwc:text-xl wwc:font-semibold wwc:tracking-tight",
+										children: activeSettingLabel
+									}), /* @__PURE__ */ jsx("div", {
+										className: "wwc:mt-4 wwc:flex wwc:min-h-[320px] wwc:items-center wwc:justify-center",
+										children: /* @__PURE__ */ jsx(Empty, {
+											icon: /* @__PURE__ */ jsx(Settings, { className: "wwc:h-6 wwc:w-6" }),
+											title: activeSettingLabel,
+											description: SETTING_PLACEHOLDER[activeSetting]
+										})
+									})]
+								})
+							})]
+						})
+					})
+				]
+			}),
+			withMarketplace && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AppDetailsDialog, {
+				app: install.detailsApp,
+				installed: install.detailsApp ? install.isInstalled(install.detailsApp.id) : false,
+				installing: install.detailsApp ? install.installingIds.has(install.detailsApp.id) : false,
+				onOpenChange: (open) => !open && install.setDetailsApp(null),
+				onToggle: () => install.detailsApp && install.toggleInstall(install.detailsApp)
+			}), /* @__PURE__ */ jsx(Toaster, { position: "top-right" })] })
+		]
+	});
+}
+//#endregion
+export { WC3Workspace, PERSPECTIVES as WC3_WORKSPACE_PERSPECTIVES };
+
+//# sourceMappingURL=core-wc3-workspace.mjs.map