@echothink-ui/project 0.1.0

package/dist/index.js

@@ -0,0 +1,2098 @@
+// src/components/ProjectManagementPage.tsx
+import * as React3 from "react";
+import { Button as Button2, EmptyState as EmptyState2 } from "@echothink-ui/core";
+import { PageHeader } from "@echothink-ui/layouts";
+
+// src/utils.ts
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function healthToStatus(health) {
+  if (health === "critical") return "failed";
+  if (health === "warning") return "warning";
+  return "synced";
+}
+function healthLabel(health) {
+  if (health === "critical") return "Critical";
+  if (health === "warning") return "Warning";
+  return "Healthy";
+}
+function statusToSeverity(status) {
+  if (["failed", "blocked", "approval-required"].includes(status)) return "danger";
+  if (["warning", "stale", "pending-approval"].includes(status)) return "warning";
+  if (["succeeded", "completed", "synced", "active"].includes(status)) return "success";
+  if (["inactive", "not-started", "paused"].includes(status)) return "neutral";
+  return "info";
+}
+function summarizeProjects(projects) {
+  const byStatus = {};
+  let healthyCount = 0;
+  let blockedCount = 0;
+  for (const project of projects) {
+    byStatus[project.status] = (byStatus[project.status] ?? 0) + 1;
+    if (project.healthStatus === "healthy" || ["completed", "succeeded", "synced", "active"].includes(project.status)) {
+      healthyCount += 1;
+    }
+    if (["blocked", "failed", "approval-required"].includes(project.status)) {
+      blockedCount += 1;
+    }
+  }
+  return {
+    byStatus,
+    healthyPercent: projects.length ? Math.round(healthyCount / projects.length * 100) : 0,
+    blockedCount
+  };
+}
+function entityId(entity) {
+  return typeof entity === "string" ? entity : entity.id;
+}
+function entityLabel(entity) {
+  return typeof entity === "string" ? entity : entity.label;
+}
+function permissionKey(subject, resource, action) {
+  return `${entityId(subject)}:${entityId(resource)}:${entityId(action)}`;
+}
+function formatNumber(value) {
+  return new Intl.NumberFormat("en-US").format(value ?? 0);
+}
+function projectHtmlProps(props) {
+  const {
+    title,
+    subtitle,
+    description,
+    eyebrow,
+    density,
+    status,
+    severity,
+    loading,
+    empty,
+    error,
+    footer,
+    children,
+    ...htmlProps
+  } = props;
+  return htmlProps;
+}
+
+// src/components/ProjectStatusSummary.tsx
+import * as React from "react";
+import {
+  Badge,
+  StatusDot,
+  statusLabel
+} from "@echothink-ui/core";
+import { KPIBlock } from "@echothink-ui/charts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var priorityStatuses = [
+  "running",
+  "in-progress",
+  "approval-required",
+  "blocked",
+  "failed",
+  "queued",
+  "pending-approval",
+  "warning",
+  "stale",
+  "paused",
+  "completed",
+  "succeeded",
+  "synced",
+  "active",
+  "not-started",
+  "inactive"
+];
+var statusClassNames = {
+  "approval-required": "eth-project-status-summary__bar-segment--attention",
+  "pending-approval": "eth-project-status-summary__bar-segment--warning",
+  "in-progress": "eth-project-status-summary__bar-segment--inflight",
+  blocked: "eth-project-status-summary__bar-segment--attention",
+  failed: "eth-project-status-summary__bar-segment--attention",
+  running: "eth-project-status-summary__bar-segment--inflight",
+  queued: "eth-project-status-summary__bar-segment--queued",
+  warning: "eth-project-status-summary__bar-segment--warning",
+  stale: "eth-project-status-summary__bar-segment--warning",
+  paused: "eth-project-status-summary__bar-segment--paused",
+  completed: "eth-project-status-summary__bar-segment--complete",
+  succeeded: "eth-project-status-summary__bar-segment--complete",
+  synced: "eth-project-status-summary__bar-segment--complete",
+  active: "eth-project-status-summary__bar-segment--complete",
+  "not-started": "eth-project-status-summary__bar-segment--queued",
+  inactive: "eth-project-status-summary__bar-segment--queued"
+};
+function ProjectStatusSummary({
+  projects = [],
+  summary,
+  title = "Project status",
+  className,
+  ...props
+}) {
+  const headingId = React.useId();
+  const computed = summary ?? summarizeProjects(projects);
+  const total = Object.values(computed.byStatus).reduce((sum, value) => sum + (value ?? 0), 0);
+  const activeCount = (computed.byStatus.running ?? 0) + (computed.byStatus["in-progress"] ?? 0);
+  const prioritizedStatuses = priorityStatuses.filter((status) => computed.byStatus[status]);
+  const additionalStatuses = Object.keys(computed.byStatus).filter(
+    (status) => !priorityStatuses.includes(status) && Boolean(computed.byStatus[status])
+  );
+  const displayedStatuses = [...prioritizedStatuses, ...additionalStatuses];
+  const statusSummary = total ? `${total} project${total === 1 ? "" : "s"} across ${displayedStatuses.length} status${displayedStatuses.length === 1 ? "" : "es"}` : "No tracked projects";
+  const attentionLabel = total ? computed.blockedCount ? `${computed.blockedCount} needs attention` : "Operational" : "No projects";
+  const attentionSeverity = total ? computed.blockedCount ? "danger" : "success" : "neutral";
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-status-summary", className),
+      "data-eth-component": "ProjectStatusSummary",
+      role: "region",
+      "aria-labelledby": headingId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "eth-project-status-summary__header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "eth-project-status-summary__heading", children: [
+            /* @__PURE__ */ jsx("h3", { id: headingId, children: title }),
+            /* @__PURE__ */ jsx("p", { children: statusSummary })
+          ] }),
+          /* @__PURE__ */ jsx(Badge, { severity: attentionSeverity, children: attentionLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "eth-project-status-summary__kpis", children: [
+          /* @__PURE__ */ jsx(KPIBlock, { title: "Projects", value: total, description: "Total tracked" }),
+          /* @__PURE__ */ jsx(KPIBlock, { title: "Healthy", value: `${computed.healthyPercent}%`, description: "Operational" }),
+          /* @__PURE__ */ jsx(KPIBlock, { title: "Active", value: activeCount, description: "Running or in progress" }),
+          /* @__PURE__ */ jsx(KPIBlock, { title: "Blocked", value: computed.blockedCount, description: "Needs attention" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "eth-project-status-summary__distribution", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "eth-project-status-summary__bar",
+              "aria-label": "Project status distribution",
+              role: "list",
+              children: displayedStatuses.length ? displayedStatuses.map((status) => {
+                const count = computed.byStatus[status] ?? 0;
+                return /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-label": `${statusLabel(status)}: ${count}`,
+                    className: classNames(
+                      "eth-project-status-summary__bar-segment",
+                      statusClassNames[status],
+                      `eth-project-status-summary__bar-segment--${status}`
+                    ),
+                    role: "listitem",
+                    style: { flexGrow: count },
+                    title: `${statusLabel(status)}: ${count}`
+                  },
+                  status
+                );
+              }) : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-label": "No project status data",
+                  className: "eth-project-status-summary__bar-segment",
+                  role: "listitem",
+                  style: { flexGrow: 1 }
+                }
+              )
+            }
+          ),
+          displayedStatuses.length ? /* @__PURE__ */ jsx("div", { className: "eth-project-status-summary__legend", role: "list", children: displayedStatuses.map((status) => /* @__PURE__ */ jsx("span", { role: "listitem", children: /* @__PURE__ */ jsx(
+            StatusDot,
+            {
+              status,
+              label: `${statusLabel(status)} ${computed.byStatus[status]}`
+            }
+          ) }, status)) }) : /* @__PURE__ */ jsx("p", { className: "eth-project-status-summary__empty", children: "No project status data" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectTable.tsx
+import * as React2 from "react";
+import {
+  Badge as Badge2,
+  Button,
+  EmptyState,
+  statusLabel as statusLabel2
+} from "@echothink-ui/core";
+import { DataTable } from "@echothink-ui/data";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ProjectTable({
+  projects = [],
+  onRowSelect,
+  selectedProjectId,
+  rowActions,
+  density = "compact",
+  className,
+  ...props
+}) {
+  const columns = React2.useMemo(
+    () => [
+      {
+        key: "name",
+        header: "Name",
+        width: "34%",
+        render: (project) => /* @__PURE__ */ jsxs2("div", { className: "eth-project-table__name", children: [
+          onRowSelect ? /* @__PURE__ */ jsx2(
+            Button,
+            {
+              className: "eth-project-table__title eth-project-table__title-button",
+              intent: "ghost",
+              onClick: () => onRowSelect(project.id),
+              children: project.name
+            }
+          ) : /* @__PURE__ */ jsx2("strong", { className: "eth-project-table__title", children: project.name }),
+          project.description ? /* @__PURE__ */ jsx2("small", { className: "eth-project-table__description", children: project.description }) : null
+        ] })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "10rem",
+        render: (project) => /* @__PURE__ */ jsx2("span", { className: "eth-project-table__status", children: /* @__PURE__ */ jsx2(Badge2, { severity: statusToSeverity(project.status), children: statusLabel2(project.status) }) })
+      },
+      {
+        key: "ownerLabel",
+        header: "Owner",
+        width: "7rem",
+        render: (project) => /* @__PURE__ */ jsx2("span", { className: "eth-project-table__owner", children: project.ownerLabel ?? "Unassigned" })
+      },
+      {
+        key: "appDomainsCount",
+        header: "App domains",
+        width: "7.5rem",
+        align: "end",
+        render: (project) => /* @__PURE__ */ jsx2("span", { className: "eth-project-table__metric", children: formatNumber(project.appDomainsCount) })
+      },
+      {
+        key: "openTasksCount",
+        header: "Open tasks",
+        width: "7.5rem",
+        align: "end",
+        render: (project) => /* @__PURE__ */ jsx2("span", { className: "eth-project-table__metric", children: formatNumber(project.openTasksCount) })
+      },
+      {
+        key: "updatedAt",
+        header: "Updated",
+        width: "7.5rem",
+        render: (project) => /* @__PURE__ */ jsx2("span", { className: "eth-project-table__updated", children: project.updatedAt ?? "-" })
+      }
+    ],
+    [onRowSelect]
+  );
+  const htmlProps = projectHtmlProps(props);
+  return /* @__PURE__ */ jsx2(
+    "section",
+    {
+      ...htmlProps,
+      className: `eth-project-table ${className ?? ""}`,
+      "data-eth-component": "ProjectTable",
+      role: "region",
+      "aria-label": htmlProps["aria-label"] ?? "Project list",
+      tabIndex: -1,
+      children: /* @__PURE__ */ jsx2(
+        DataTable,
+        {
+          "aria-label": "Project list",
+          className: "eth-project-table__table",
+          density,
+          rows: projects,
+          columns,
+          rowKey: "id",
+          selectedRows: selectedProjectId ? [selectedProjectId] : [],
+          rowActions,
+          emptyState: /* @__PURE__ */ jsx2(
+            EmptyState,
+            {
+              title: "No projects",
+              description: "Create a project to start organizing resources and app domains."
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/components/ProjectManagementPage.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ProjectManagementPage({
+  projects = [],
+  onCreate,
+  onSelect,
+  onFilterSelect,
+  filters = [],
+  activeProjectId,
+  title = "Projects",
+  subtitle = "Manage project workspaces, resources, and installed app domains.",
+  className,
+  actions,
+  ...props
+}) {
+  const headerActions = React3.useMemo(() => {
+    const providedActions = actions ?? [];
+    const hasCreateAction = providedActions.some((action) => {
+      if (action.id === "new-project") return true;
+      return typeof action.label === "string" && action.label.trim().toLowerCase() === "new project";
+    });
+    if (!onCreate || hasCreateAction) return providedActions;
+    return [
+      ...providedActions,
+      {
+        id: "new-project",
+        label: "New project",
+        intent: "primary",
+        onSelect: onCreate
+      }
+    ];
+  }, [actions, onCreate]);
+  return /* @__PURE__ */ jsxs3(
+    "main",
+    {
+      ...projectHtmlProps(props),
+      className: `eth-project-management-page ${className ?? ""}`,
+      "data-eth-component": "ProjectManagementPage",
+      children: [
+        /* @__PURE__ */ jsx3(PageHeader, { title, subtitle, actions: headerActions }),
+        filters.length ? /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "eth-project-management-page__filters",
+            role: "group",
+            "aria-label": "Project filters",
+            children: filters.map((filter) => /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                className: `eth-project-management-page__filter ${filter.active ? "eth-project-management-page__filter--active" : ""}`,
+                "aria-pressed": Boolean(filter.active),
+                "aria-disabled": !onFilterSelect ? true : void 0,
+                tabIndex: !onFilterSelect ? -1 : void 0,
+                onClick: onFilterSelect ? () => onFilterSelect(filter.id) : void 0,
+                children: filter.label
+              },
+              filter.id
+            ))
+          }
+        ) : null,
+        projects.length ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(ProjectStatusSummary, { projects }),
+          /* @__PURE__ */ jsx3(
+            ProjectTable,
+            {
+              projects,
+              onRowSelect: onSelect,
+              selectedProjectId: activeProjectId,
+              "aria-label": activeProjectId ? `Projects, active ${activeProjectId}` : "Projects"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx3(
+          EmptyState2,
+          {
+            title: "No projects yet",
+            description: "Create a project to connect resources, members, model settings, and app domains.",
+            action: onCreate ? /* @__PURE__ */ jsx3(Button2, { intent: "primary", onClick: onCreate, children: "New project" }) : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ProjectCard.tsx
+import {
+  ActionGroup,
+  Badge as Badge3,
+  Button as Button3,
+  StatusDot as StatusDot2,
+  statusLabel as statusLabel3
+} from "@echothink-ui/core";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ProjectCard({
+  project,
+  onSelect,
+  actions,
+  className,
+  ...props
+}) {
+  const resolvedProject = project ?? {
+    id: "project",
+    name: "Project",
+    status: "not-started",
+    description: "Project summary"
+  };
+  const titleId = `${resolvedProject.id}-title`;
+  const descriptionId = resolvedProject.description ? `${resolvedProject.id}-description` : void 0;
+  return /* @__PURE__ */ jsxs4(
+    "article",
+    {
+      ...projectHtmlProps(props),
+      className: classNames(
+        "eth-project-card",
+        `eth-project-card--${resolvedProject.status}`,
+        className
+      ),
+      "data-eth-component": "ProjectCard",
+      "data-status": resolvedProject.status,
+      role: "region",
+      "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs4("header", { className: "eth-project-card__header", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "eth-project-card__heading", children: [
+            /* @__PURE__ */ jsx4("h3", { id: titleId, children: resolvedProject.name }),
+            resolvedProject.description ? /* @__PURE__ */ jsx4("p", { id: descriptionId, children: resolvedProject.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "eth-project-card__status", children: /* @__PURE__ */ jsx4(Badge3, { severity: statusToSeverity(resolvedProject.status), children: statusLabel3(resolvedProject.status) }) })
+        ] }),
+        /* @__PURE__ */ jsxs4("dl", { className: "eth-project-card__metadata", children: [
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("dt", { children: "Owner" }),
+            /* @__PURE__ */ jsx4("dd", { children: resolvedProject.ownerLabel ?? "Unassigned" })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("dt", { children: "Updated" }),
+            /* @__PURE__ */ jsx4("dd", { children: resolvedProject.updatedAt ?? "Not updated" })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("dt", { children: "App domains" }),
+            /* @__PURE__ */ jsx4("dd", { children: formatNumber(resolvedProject.appDomainsCount) })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("dt", { children: "Open tasks" }),
+            /* @__PURE__ */ jsx4("dd", { children: formatNumber(resolvedProject.openTasksCount) })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("dt", { children: "Health" }),
+            /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4(
+              StatusDot2,
+              {
+                status: healthToStatus(resolvedProject.healthStatus),
+                label: healthLabel(resolvedProject.healthStatus)
+              }
+            ) })
+          ] })
+        ] }),
+        onSelect || actions?.length ? /* @__PURE__ */ jsxs4("footer", { className: "eth-project-card__actions", children: [
+          onSelect ? /* @__PURE__ */ jsx4(
+            Button3,
+            {
+              intent: "secondary",
+              density: "compact",
+              onClick: () => onSelect(resolvedProject.id),
+              children: "Open project"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx4(ActionGroup, { actions })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/ProjectTab.tsx
+import { BrowserTab } from "@echothink-ui/layouts";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ProjectTab({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(BrowserTab, { ...props, className: classNames("eth-project-tab", className) });
+}
+
+// src/components/ProjectCreateForm.tsx
+import * as React4 from "react";
+import {
+  Button as Button4,
+  FormField,
+  FormSection,
+  FormValidationMessage,
+  Select,
+  TextInput,
+  Textarea
+} from "@echothink-ui/core";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var templateOptions = [
+  { value: "blank", label: "Blank project" },
+  { value: "software-delivery", label: "Software delivery" },
+  { value: "research", label: "Research workspace" },
+  { value: "operations", label: "Operations runbook" }
+];
+function ProjectCreateForm({
+  defaults,
+  onSubmit,
+  onCancel,
+  title = "Create project",
+  description = "Start a project workspace with an owner, template, and operating context.",
+  className,
+  ...props
+}) {
+  const [values, setValues] = React4.useState({
+    name: defaults?.name ?? "",
+    description: defaults?.description ?? "",
+    ownerLabel: defaults?.ownerLabel ?? "",
+    template: defaults?.template ?? "blank"
+  });
+  const [nameError, setNameError] = React4.useState();
+  const formId = React4.useId().replace(/:/g, "");
+  const titleId = `eth-project-create-form-${formId}-title`;
+  const descriptionId = `eth-project-create-form-${formId}-description`;
+  const htmlProps = projectHtmlProps(props);
+  const describedBy = [htmlProps["aria-describedby"], description ? descriptionId : void 0].filter(Boolean).join(" ") || void 0;
+  const update = (field, value) => {
+    setValues((current) => ({ ...current, [field]: value }));
+    if (field === "name" && value.trim()) setNameError(void 0);
+  };
+  const submit = (event) => {
+    event.preventDefault();
+    if (!values.name.trim()) {
+      setNameError("Project name is required.");
+      return;
+    }
+    onSubmit?.({ ...values, name: values.name.trim() });
+  };
+  return /* @__PURE__ */ jsxs5(
+    "form",
+    {
+      ...htmlProps,
+      className: classNames("eth-project-create-form", className),
+      "data-eth-component": "ProjectCreateForm",
+      "aria-labelledby": htmlProps["aria-labelledby"] ?? (title ? titleId : void 0),
+      "aria-describedby": describedBy,
+      onSubmit: submit,
+      noValidate: true,
+      children: [
+        title || description ? /* @__PURE__ */ jsxs5("header", { className: "eth-project-create-form__header", children: [
+          title ? /* @__PURE__ */ jsx6("h2", { id: titleId, className: "eth-project-create-form__title", children: title }) : null,
+          description ? /* @__PURE__ */ jsx6("p", { id: descriptionId, className: "eth-project-create-form__description", children: description }) : null
+        ] }) : null,
+        nameError ? /* @__PURE__ */ jsx6(FormValidationMessage, { className: "eth-project-create-form__validation", children: nameError }) : null,
+        /* @__PURE__ */ jsx6(
+          FormSection,
+          {
+            className: "eth-project-create-form__section",
+            title: "Project details",
+            description: "Define the visible identity and initial scope for the workspace.",
+            children: /* @__PURE__ */ jsxs5("div", { className: "eth-project-create-form__grid", children: [
+              /* @__PURE__ */ jsx6(
+                FormField,
+                {
+                  id: "project-name",
+                  label: "Name",
+                  helperText: "Shown in project lists, tabs, and approval trails.",
+                  required: true,
+                  error: nameError,
+                  className: "eth-project-create-form__field",
+                  children: /* @__PURE__ */ jsx6(
+                    TextInput,
+                    {
+                      value: values.name,
+                      onChange: (event) => update("name", event.currentTarget.value),
+                      autoFocus: true
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx6(
+                FormField,
+                {
+                  id: "project-owner",
+                  label: "Owner",
+                  helperText: "Person or group accountable for project changes.",
+                  className: "eth-project-create-form__field",
+                  children: /* @__PURE__ */ jsx6(
+                    TextInput,
+                    {
+                      value: values.ownerLabel,
+                      onChange: (event) => update("ownerLabel", event.currentTarget.value)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx6(
+                FormField,
+                {
+                  id: "project-description",
+                  label: "Description",
+                  helperText: "Summarize the purpose, key outputs, or operating window.",
+                  className: "eth-project-create-form__field eth-project-create-form__field--wide",
+                  children: /* @__PURE__ */ jsx6(
+                    Textarea,
+                    {
+                      value: values.description,
+                      onChange: (event) => update("description", event.currentTarget.value),
+                      rows: 4
+                    }
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          FormSection,
+          {
+            className: "eth-project-create-form__section",
+            title: "Setup",
+            description: "Select the starting structure for tasks, resources, and app-domain links.",
+            children: /* @__PURE__ */ jsx6("div", { className: "eth-project-create-form__grid eth-project-create-form__grid--setup", children: /* @__PURE__ */ jsx6(
+              FormField,
+              {
+                id: "project-template",
+                label: "Template",
+                helperText: "Templates prefill common sections without locking future changes.",
+                className: "eth-project-create-form__field",
+                children: /* @__PURE__ */ jsx6(
+                  Select,
+                  {
+                    options: templateOptions,
+                    value: values.template,
+                    onChange: (event) => update("template", event.currentTarget.value)
+                  }
+                )
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsxs5("footer", { className: "eth-project-create-form__actions", children: [
+          onCancel ? /* @__PURE__ */ jsx6(Button4, { intent: "secondary", onClick: onCancel, children: "Cancel" }) : null,
+          /* @__PURE__ */ jsx6(Button4, { type: "submit", intent: "primary", children: "Create project" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectSummaryPanel.tsx
+import { Badge as Badge4, StatusDot as StatusDot3, statusLabel as statusLabel4 } from "@echothink-ui/core";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function ProjectSummaryPanel({ project, className, ...props }) {
+  const resolvedProject = project ?? {
+    id: "project",
+    name: "Project",
+    status: "not-started",
+    description: "Project summary"
+  };
+  const titleId = `${resolvedProject.id}-summary-title`;
+  const descriptionId = resolvedProject.description ? `${resolvedProject.id}-summary-description` : void 0;
+  const metadataItems = [
+    { label: "Project ID", value: resolvedProject.id },
+    { label: "Owner", value: resolvedProject.ownerLabel ?? "Unassigned" },
+    { label: "Updated", value: resolvedProject.updatedAt ?? "Not updated" },
+    { label: "App domains", value: formatNumber(resolvedProject.appDomainsCount) },
+    { label: "Open tasks", value: formatNumber(resolvedProject.openTasksCount) }
+  ];
+  return /* @__PURE__ */ jsxs6(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames(
+        "eth-project-summary-panel",
+        `eth-project-summary-panel--${resolvedProject.status}`,
+        className
+      ),
+      "data-eth-component": "ProjectSummaryPanel",
+      "data-status": resolvedProject.status,
+      role: "region",
+      "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs6("header", { className: "eth-project-summary-panel__header", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "eth-project-summary-panel__heading", children: [
+            /* @__PURE__ */ jsx7("h3", { id: titleId, children: resolvedProject.name }),
+            resolvedProject.description ? /* @__PURE__ */ jsx7("p", { id: descriptionId, children: resolvedProject.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx7("div", { className: "eth-project-summary-panel__status", children: /* @__PURE__ */ jsx7(Badge4, { severity: statusToSeverity(resolvedProject.status), children: statusLabel4(resolvedProject.status) }) })
+        ] }),
+        /* @__PURE__ */ jsxs6("dl", { className: "eth-project-summary-panel__metadata", children: [
+          metadataItems.map((item) => /* @__PURE__ */ jsxs6("div", { className: "eth-project-summary-panel__metadata-item", children: [
+            /* @__PURE__ */ jsx7("dt", { children: item.label }),
+            /* @__PURE__ */ jsx7("dd", { children: item.value })
+          ] }, item.label)),
+          /* @__PURE__ */ jsxs6(
+            "div",
+            {
+              className: "eth-project-summary-panel__metadata-item eth-project-summary-panel__metadata-item--health",
+              children: [
+                /* @__PURE__ */ jsx7("dt", { children: "Health" }),
+                /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(
+                  StatusDot3,
+                  {
+                    status: healthToStatus(resolvedProject.healthStatus),
+                    label: healthLabel(resolvedProject.healthStatus)
+                  }
+                ) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectSettingsPanel.tsx
+import * as React5 from "react";
+import {
+  FormField as FormField2,
+  FormSection as FormSection2,
+  Select as Select2,
+  TextInput as TextInput2,
+  Textarea as Textarea2
+} from "@echothink-ui/core";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var permissionOptions = [
+  { value: "private", label: "Private" },
+  { value: "team", label: "Team" },
+  { value: "organization", label: "Organization" }
+];
+var roleOptions = [
+  { value: "viewer", label: "Viewer" },
+  { value: "editor", label: "Editor" },
+  { value: "owner", label: "Owner" }
+];
+var providerOptions = [
+  { value: "openai", label: "OpenAI" },
+  { value: "azure-openai", label: "Azure OpenAI" },
+  { value: "custom", label: "Custom provider" }
+];
+var modelOptions = [
+  { value: "gpt-4o", label: "GPT-4o" },
+  { value: "gpt-5.4", label: "GPT-5.4" },
+  { value: "gpt-5.4-mini", label: "GPT-5.4 mini" },
+  { value: "custom", label: "Custom model" }
+];
+function optionLabel(options, value) {
+  return options.find((option) => option.value === value)?.label ?? value;
+}
+function nodeText(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  return "member";
+}
+function memberInitials(label) {
+  const text = nodeText(label);
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0 || text === "member") return "M";
+  return words.slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+}
+function countLabel(count, singular, plural = `${singular}s`) {
+  return `${count} ${count === 1 ? singular : plural}`;
+}
+function ProjectSettingsPanel({
+  settings = {},
+  onChange,
+  className,
+  ...props
+}) {
+  const titleId = React5.useId();
+  const members = settings.members ?? [];
+  const permissionMode = settings.permissionMode ?? "private";
+  const defaultRole = settings.defaultRole ?? "viewer";
+  const modelProvider = settings.modelProvider ?? "openai";
+  const model = settings.model ?? "gpt-5.4";
+  const update = (patch) => {
+    onChange?.({ ...settings, ...patch });
+  };
+  const updateMemberRole = (memberId, role) => {
+    update({
+      members: members.map((member) => member.id === memberId ? { ...member, role } : member)
+    });
+  };
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-settings-panel", className),
+      "data-eth-component": "ProjectSettingsPanel",
+      role: "region",
+      "aria-labelledby": titleId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs7("header", { className: "eth-project-settings-panel__header", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__heading", children: [
+            /* @__PURE__ */ jsx8("p", { className: "eth-project-settings-panel__eyebrow", children: "Project management" }),
+            /* @__PURE__ */ jsx8("h2", { id: titleId, children: "Project settings" }),
+            /* @__PURE__ */ jsx8("p", { children: "Manage identity, access defaults, members, and the project agent model." })
+          ] }),
+          /* @__PURE__ */ jsxs7("dl", { className: "eth-project-settings-panel__summary", "aria-label": "Project settings summary", children: [
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx8("dt", { children: "Visibility" }),
+              /* @__PURE__ */ jsx8("dd", { children: optionLabel(permissionOptions, permissionMode) })
+            ] }),
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx8("dt", { children: "Members" }),
+              /* @__PURE__ */ jsx8("dd", { children: countLabel(members.length, "member") })
+            ] }),
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx8("dt", { children: "Model" }),
+              /* @__PURE__ */ jsx8("dd", { children: optionLabel(modelOptions, model) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__content", children: [
+          /* @__PURE__ */ jsx8(FormSection2, { title: "General", description: "Core project identity and description.", children: /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__stack", children: [
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-name",
+                label: "Project name",
+                helperText: "Shown in project lists, audit records, and app-domain routing.",
+                children: /* @__PURE__ */ jsx8(
+                  TextInput2,
+                  {
+                    value: settings.name ?? "",
+                    onChange: (event) => update({ name: event.currentTarget.value })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-description",
+                label: "Description",
+                helperText: "Brief context for collaborators and project agents.",
+                children: /* @__PURE__ */ jsx8(
+                  Textarea2,
+                  {
+                    value: settings.description ?? "",
+                    rows: 4,
+                    onChange: (event) => update({ description: event.currentTarget.value })
+                  }
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx8(FormSection2, { title: "Members", description: "People who can work in this project.", children: /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__members", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__member-meta", children: [
+              /* @__PURE__ */ jsx8("span", { children: countLabel(members.length, "active member") }),
+              /* @__PURE__ */ jsxs7("span", { children: [
+                "Default role: ",
+                optionLabel(roleOptions, defaultRole)
+              ] })
+            ] }),
+            members.length ? /* @__PURE__ */ jsx8("div", { className: "eth-project-settings-panel__member-list", role: "list", children: members.map((member) => {
+              const label = nodeText(member.label);
+              return /* @__PURE__ */ jsxs7(
+                "article",
+                {
+                  className: "eth-project-settings-panel__member-row",
+                  role: "listitem",
+                  children: [
+                    /* @__PURE__ */ jsx8(
+                      "span",
+                      {
+                        className: "eth-project-settings-panel__member-avatar",
+                        "aria-hidden": "true",
+                        children: memberInitials(member.label)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__member-main", children: [
+                      /* @__PURE__ */ jsx8("strong", { children: member.label }),
+                      /* @__PURE__ */ jsx8("span", { children: "Project collaborator" })
+                    ] }),
+                    /* @__PURE__ */ jsx8(
+                      Select2,
+                      {
+                        "aria-label": `Role for ${label}`,
+                        options: roleOptions,
+                        value: member.role ?? defaultRole,
+                        onChange: (event) => updateMemberRole(member.id, event.currentTarget.value)
+                      }
+                    )
+                  ]
+                },
+                member.id
+              );
+            }) }) : /* @__PURE__ */ jsx8("p", { className: "eth-project-settings-panel__empty", children: "Members added to this project will appear here with their assigned role." })
+          ] }) }),
+          /* @__PURE__ */ jsx8(FormSection2, { title: "Permissions", description: "Default access policy for project resources.", children: /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__field-grid", children: [
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-permission-mode",
+                label: "Visibility",
+                helperText: "Controls the default project audience.",
+                children: /* @__PURE__ */ jsx8(
+                  Select2,
+                  {
+                    options: permissionOptions,
+                    value: permissionMode,
+                    onChange: (event) => update({ permissionMode: event.currentTarget.value })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-default-role",
+                label: "Default member role",
+                helperText: "Applied when a member has no explicit role.",
+                children: /* @__PURE__ */ jsx8(
+                  Select2,
+                  {
+                    options: roleOptions,
+                    value: defaultRole,
+                    onChange: (event) => update({ defaultRole: event.currentTarget.value })
+                  }
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx8(FormSection2, { title: "Model config", description: "Default provider and model for project agents.", children: /* @__PURE__ */ jsxs7("div", { className: "eth-project-settings-panel__field-grid", children: [
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-provider",
+                label: "Provider",
+                helperText: "Runtime provider for project-level agents.",
+                children: /* @__PURE__ */ jsx8(
+                  Select2,
+                  {
+                    options: providerOptions,
+                    value: modelProvider,
+                    onChange: (event) => update({ modelProvider: event.currentTarget.value })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              FormField2,
+              {
+                id: "project-settings-model",
+                label: "Model",
+                helperText: "Used when an agent has no override.",
+                children: /* @__PURE__ */ jsx8(
+                  Select2,
+                  {
+                    options: modelOptions,
+                    value: model,
+                    onChange: (event) => update({ model: event.currentTarget.value })
+                  }
+                )
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectScopeSelector.tsx
+import * as React6 from "react";
+import { EmptyState as EmptyState3, StatusDot as StatusDot4, statusLabel as statusLabel5 } from "@echothink-ui/core";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var kindLabels = {
+  project: "Project",
+  "app-domain": "App domain",
+  resource: "Resource"
+};
+function ProjectScopeSelector({
+  scopes = [],
+  activeScopeId,
+  onSelect,
+  className,
+  ...props
+}) {
+  const groupName = React6.useId();
+  return /* @__PURE__ */ jsx9(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-scope-selector", className),
+      "data-eth-component": "ProjectScopeSelector",
+      role: "region",
+      "aria-label": "Project scopes",
+      tabIndex: -1,
+      children: scopes.length ? /* @__PURE__ */ jsx9(
+        "div",
+        {
+          className: "eth-project-scope-selector__group",
+          role: "radiogroup",
+          "aria-label": "Target scope",
+          children: scopes.map((scope, index) => {
+            const active = activeScopeId === scope.id;
+            const inputId = `${groupName}-${index}`;
+            return /* @__PURE__ */ jsxs8(
+              "label",
+              {
+                className: classNames(
+                  "eth-project-scope-selector__item",
+                  active && "eth-project-scope-selector__item--active",
+                  !onSelect && "eth-project-scope-selector__item--readonly"
+                ),
+                htmlFor: inputId,
+                children: [
+                  /* @__PURE__ */ jsx9(
+                    "input",
+                    {
+                      id: inputId,
+                      className: "eth-project-scope-selector__control",
+                      type: "radio",
+                      name: groupName,
+                      value: scope.id,
+                      checked: active,
+                      readOnly: !onSelect,
+                      onChange: () => onSelect?.(scope.id)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs8("span", { className: "eth-project-scope-selector__content", children: [
+                    /* @__PURE__ */ jsxs8("span", { className: "eth-project-scope-selector__title-row", children: [
+                      /* @__PURE__ */ jsx9("span", { className: "eth-project-scope-selector__label", children: scope.label }),
+                      scope.status ? /* @__PURE__ */ jsx9("span", { className: "eth-project-scope-selector__status", children: /* @__PURE__ */ jsx9(StatusDot4, { status: scope.status, label: statusLabel5(scope.status) }) }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx9("span", { className: "eth-project-scope-selector__kind", children: kindLabels[scope.kind] })
+                  ] })
+                ]
+              },
+              scope.id
+            );
+          })
+        }
+      ) : /* @__PURE__ */ jsx9(
+        EmptyState3,
+        {
+          className: "eth-project-scope-selector__empty",
+          title: "No scopes",
+          description: "Project, app-domain, and resource targets appear here."
+        }
+      )
+    }
+  );
+}
+
+// src/components/ProjectResourcePanel.tsx
+import * as React7 from "react";
+import {
+  Badge as Badge5,
+  EmptyState as EmptyState4,
+  StatusDot as StatusDot5,
+  statusLabel as statusLabel6
+} from "@echothink-ui/core";
+import { DataTable as DataTable2 } from "@echothink-ui/data";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var syncedStatuses = /* @__PURE__ */ new Set(["completed", "succeeded", "synced", "active"]);
+var attentionStatuses = /* @__PURE__ */ new Set([
+  "blocked",
+  "failed",
+  "stale",
+  "warning",
+  "pending-approval",
+  "approval-required"
+]);
+function ProjectResourcePanel({
+  resources = [],
+  onSelect,
+  className,
+  title = "Project resources",
+  ...props
+}) {
+  const syncedCount = resources.filter(
+    (resource) => resource.status && syncedStatuses.has(resource.status)
+  ).length;
+  const attentionCount = resources.filter(
+    (resource) => resource.status && attentionStatuses.has(resource.status)
+  ).length;
+  const hasRowActions = Boolean(onSelect);
+  const columns = React7.useMemo(
+    () => [
+      {
+        key: "label",
+        header: "Resource",
+        width: "40%",
+        render: (resource) => /* @__PURE__ */ jsxs9("div", { className: "eth-project-resource-panel__resource", children: [
+          /* @__PURE__ */ jsx10("span", { className: "eth-project-resource-panel__resource-icon", "aria-hidden": "true", children: resourceKindInitial(resource.kind) }),
+          /* @__PURE__ */ jsxs9("span", { className: "eth-project-resource-panel__resource-copy", children: [
+            /* @__PURE__ */ jsx10("strong", { children: resource.label }),
+            /* @__PURE__ */ jsx10("span", { children: resource.id })
+          ] })
+        ] })
+      },
+      {
+        key: "kind",
+        header: "Kind",
+        width: "14%",
+        render: (resource) => /* @__PURE__ */ jsx10(Badge5, { severity: "neutral", children: resourceKindLabel(resource.kind) })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "20%",
+        render: (resource) => resource.status ? /* @__PURE__ */ jsx10(StatusDot5, { status: resource.status, label: statusLabel6(resource.status) }) : /* @__PURE__ */ jsx10("span", { className: "eth-project-resource-panel__muted", children: "Not tracked" })
+      },
+      {
+        key: "updatedAt",
+        header: "Updated",
+        width: "16%",
+        render: (resource) => /* @__PURE__ */ jsx10("span", { className: "eth-project-resource-panel__updated", children: resource.updatedAt ?? "Not updated" })
+      }
+    ],
+    []
+  );
+  const rowActions = React7.useCallback(
+    (resource) => onSelect ? [{ id: "open", label: "Open", onSelect: () => onSelect(resource.id) }] : [],
+    [onSelect]
+  );
+  return /* @__PURE__ */ jsxs9(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-resource-panel", className),
+      "data-eth-component": "ProjectResourcePanel",
+      role: "region",
+      "aria-label": typeof title === "string" ? title : "Project resources",
+      tabIndex: -1,
+      children: [
+        title ? /* @__PURE__ */ jsxs9("header", { className: "eth-project-resource-panel__header", children: [
+          /* @__PURE__ */ jsx10("h3", { children: title }),
+          /* @__PURE__ */ jsxs9("dl", { className: "eth-project-resource-panel__summary", "aria-label": "Resource summary", children: [
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx10("dt", { children: "Resources" }),
+              /* @__PURE__ */ jsx10("dd", { children: formatNumber(resources.length) })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx10("dt", { children: "Synced" }),
+              /* @__PURE__ */ jsx10("dd", { children: formatNumber(syncedCount) })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx10("dt", { children: "Attention" }),
+              /* @__PURE__ */ jsx10("dd", { children: formatNumber(attentionCount) })
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx10(
+          DataTable2,
+          {
+            rows: resources,
+            columns,
+            rowKey: "id",
+            density: "compact",
+            className: "eth-project-resource-panel__table",
+            rowActions: hasRowActions ? rowActions : void 0,
+            emptyState: /* @__PURE__ */ jsx10(
+              EmptyState4,
+              {
+                title: "No resources",
+                description: "Linked files, documents, tables, and services appear here."
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function resourceKindLabel(kind) {
+  return kind.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function resourceKindInitial(kind) {
+  return resourceKindLabel(kind).charAt(0) || "R";
+}
+
+// src/components/ProjectActivityTimeline.tsx
+import { Badge as Badge6, EmptyState as EmptyState5 } from "@echothink-ui/core";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function getActivityKindTone(kind) {
+  const normalized = kind.toLowerCase();
+  if (/(approve|approved|approval|complete|completed|success|release)/.test(normalized)) {
+    return "success";
+  }
+  if (/(block|blocked|fail|failed|error|reject|rejected|risk)/.test(normalized)) {
+    return "danger";
+  }
+  if (/(pending|review|warning|needs|wait)/.test(normalized)) {
+    return "warning";
+  }
+  if (/(draft|resource|domain|config|sync|agent|update)/.test(normalized)) {
+    return "info";
+  }
+  return "neutral";
+}
+function getActivityTime(timestamp) {
+  const value = timestamp.trim();
+  const dateTimeMatch = value.match(
+    /^(\d{4}-\d{2}-\d{2})[T ](\d{2}:\d{2})(?::\d{2}(?:\.\d{1,3})?)?(?:Z|[+-]\d{2}:?\d{2})?$/
+  );
+  if (dateTimeMatch) {
+    return {
+      dateTime: `${dateTimeMatch[1]}T${dateTimeMatch[2]}`,
+      label: dateTimeMatch[2]
+    };
+  }
+  if (/^\d{2}:\d{2}(?::\d{2})?$/.test(value) || /^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    return { dateTime: value, label: value };
+  }
+  return { dateTime: void 0, label: value };
+}
+function ProjectActivityTimeline({
+  events = [],
+  className,
+  title = "Activity",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-activity-timeline", className),
+      "data-eth-component": "ProjectActivityTimeline",
+      role: "region",
+      "aria-label": typeof title === "string" ? title : "Project activity",
+      tabIndex: -1,
+      children: [
+        title ? /* @__PURE__ */ jsx11("header", { className: "eth-project-activity-timeline__header", children: /* @__PURE__ */ jsx11("h3", { children: title }) }) : null,
+        events.length ? /* @__PURE__ */ jsx11("ol", { className: "eth-project-activity-timeline__list", children: events.map((event) => {
+          const tone = getActivityKindTone(event.kind);
+          const time = getActivityTime(event.timestamp);
+          return /* @__PURE__ */ jsxs10(
+            "li",
+            {
+              className: classNames(
+                "eth-project-activity-timeline__item",
+                `eth-project-activity-timeline__item--${tone}`
+              ),
+              "data-kind": event.kind,
+              children: [
+                /* @__PURE__ */ jsx11("time", { className: "eth-project-activity-timeline__time", dateTime: time.dateTime, children: time.label }),
+                /* @__PURE__ */ jsx11("div", { className: "eth-project-activity-timeline__rail", "aria-hidden": true, children: /* @__PURE__ */ jsx11("span", { className: "eth-project-activity-timeline__marker" }) }),
+                /* @__PURE__ */ jsxs10("article", { className: "eth-project-activity-timeline__event", children: [
+                  /* @__PURE__ */ jsxs10("header", { className: "eth-project-activity-timeline__event-header", children: [
+                    /* @__PURE__ */ jsx11(Badge6, { severity: tone, children: event.kind }),
+                    event.actor ? /* @__PURE__ */ jsxs10("span", { className: "eth-project-activity-timeline__actor", children: [
+                      "By ",
+                      event.actor
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx11("strong", { className: "eth-project-activity-timeline__summary", children: event.summary }),
+                  event.details ? /* @__PURE__ */ jsx11("p", { className: "eth-project-activity-timeline__details", children: event.details }) : null
+                ] })
+              ]
+            },
+            event.id
+          );
+        }) }) : /* @__PURE__ */ jsx11(EmptyState5, { title: "No activity", description: "Project changes and events appear here." })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectTabGroup.tsx
+import { ProjectTabCollection } from "@echothink-ui/layouts";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function ProjectTabGroup({
+  projectId,
+  projectLabel,
+  tabs,
+  activeTabId,
+  onActivateTab,
+  onCloseTab,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    ProjectTabCollection,
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-tab-group", className),
+      "data-eth-component": "ProjectTabGroup",
+      projectId,
+      projectLabel,
+      tabs,
+      activeTabId,
+      onActivateTab,
+      onCloseTab
+    }
+  );
+}
+
+// src/components/ProjectMembersPanel.tsx
+import * as React8 from "react";
+import {
+  Button as Button5,
+  EmptyState as EmptyState6,
+  Select as Select3,
+  StatusDot as StatusDot6,
+  statusLabel as statusLabel7
+} from "@echothink-ui/core";
+import { DataTable as DataTable3 } from "@echothink-ui/data";
+import { PlusIcon } from "@echothink-ui/icons";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var defaultRoleValues = ["owner", "editor", "viewer"];
+var defaultMemberStatus = "active";
+var pendingMemberStatuses = /* @__PURE__ */ new Set([
+  "queued",
+  "pending-approval",
+  "not-started"
+]);
+function roleLabel(role) {
+  return role.replace(/[-_]+/g, " ").replace(/\b\w/g, (character) => character.toUpperCase());
+}
+function memberInitials2(label) {
+  if (typeof label !== "string" && typeof label !== "number") return "M";
+  const words = String(label).trim().split(/\s+/).filter(Boolean);
+  const first = words[0]?.charAt(0) ?? "";
+  const last = words.length > 1 ? words[words.length - 1]?.charAt(0) ?? "" : "";
+  return `${first}${last}`.toUpperCase() || "M";
+}
+function memberStatus(member) {
+  return member.status ?? defaultMemberStatus;
+}
+function memberStatusLabel(status) {
+  if (status === "pending-approval") return "Pending invite";
+  if (status === "not-started" || status === "queued") return "Invited";
+  return statusLabel7(status);
+}
+function ProjectMembersPanel({
+  members = [],
+  roles = [],
+  onAdd,
+  onRemove,
+  onChangeRole,
+  className,
+  title = "Members",
+  ...props
+}) {
+  const roleOptions2 = React8.useMemo(() => {
+    const roleValues = new Set(roles.length ? roles : defaultRoleValues);
+    for (const member of members) {
+      roleValues.add(member.role);
+    }
+    return Array.from(roleValues).map((role) => ({ value: role, label: roleLabel(role) }));
+  }, [members, roles]);
+  const ownerCount = members.filter((member) => member.role.toLowerCase() === "owner").length;
+  const pendingCount = members.filter(
+    (member) => pendingMemberStatuses.has(memberStatus(member))
+  ).length;
+  const columns = React8.useMemo(
+    () => [
+      {
+        key: "label",
+        header: "Member",
+        width: "44%",
+        render: (member) => /* @__PURE__ */ jsxs11("div", { className: "eth-project-members-panel__member", children: [
+          member.avatar ? /* @__PURE__ */ jsx13("img", { className: "eth-project-members-panel__avatar", src: member.avatar, alt: "" }) : /* @__PURE__ */ jsx13("span", { className: "eth-project-members-panel__avatar", "aria-hidden": "true", children: memberInitials2(member.label) }),
+          /* @__PURE__ */ jsx13("strong", { children: member.label })
+        ] })
+      },
+      {
+        key: "role",
+        header: "Role",
+        width: "24%",
+        render: (member) => onChangeRole ? /* @__PURE__ */ jsx13(
+          Select3,
+          {
+            "aria-label": `Role for ${String(member.label)}`,
+            className: "eth-project-members-panel__role-select",
+            density: "compact",
+            options: roleOptions2,
+            value: member.role,
+            onChange: (event) => onChangeRole(member.id, event.currentTarget.value)
+          }
+        ) : /* @__PURE__ */ jsx13("span", { className: "eth-project-members-panel__role-badge", children: roleLabel(member.role) })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "20%",
+        render: (member) => {
+          const status = memberStatus(member);
+          return /* @__PURE__ */ jsx13(StatusDot6, { status, label: memberStatusLabel(status) });
+        }
+      }
+    ],
+    [onChangeRole, roleOptions2]
+  );
+  const rowActions = React8.useCallback(
+    (member) => onRemove ? [{ id: "remove", label: "Remove", intent: "danger", onSelect: () => onRemove(member.id) }] : [],
+    [onRemove]
+  );
+  return /* @__PURE__ */ jsxs11(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-members-panel", className),
+      "data-eth-component": "ProjectMembersPanel",
+      role: "region",
+      "aria-label": typeof title === "string" ? title : "Project members",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs11("header", { className: "eth-project-members-panel__header", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "eth-project-members-panel__heading", children: [
+            title ? /* @__PURE__ */ jsx13("h3", { children: title }) : null,
+            /* @__PURE__ */ jsxs11("dl", { className: "eth-project-members-panel__summary", "aria-label": "Member summary", children: [
+              /* @__PURE__ */ jsxs11("div", { children: [
+                /* @__PURE__ */ jsx13("dt", { children: "Members" }),
+                /* @__PURE__ */ jsx13("dd", { children: formatNumber(members.length) })
+              ] }),
+              /* @__PURE__ */ jsxs11("div", { children: [
+                /* @__PURE__ */ jsx13("dt", { children: "Owners" }),
+                /* @__PURE__ */ jsx13("dd", { children: formatNumber(ownerCount) })
+              ] }),
+              /* @__PURE__ */ jsxs11("div", { children: [
+                /* @__PURE__ */ jsx13("dt", { children: "Pending" }),
+                /* @__PURE__ */ jsx13("dd", { children: formatNumber(pendingCount) })
+              ] })
+            ] })
+          ] }),
+          onAdd ? /* @__PURE__ */ jsx13(Button5, { density: "compact", icon: /* @__PURE__ */ jsx13(PlusIcon, {}), intent: "primary", onClick: onAdd, children: "Add member" }) : null
+        ] }),
+        /* @__PURE__ */ jsx13(
+          DataTable3,
+          {
+            rows: members,
+            columns,
+            rowKey: "id",
+            density: "compact",
+            className: "eth-project-members-panel__table",
+            rowActions: onRemove ? rowActions : void 0,
+            emptyState: /* @__PURE__ */ jsx13(EmptyState6, { title: "No members", description: "Project members appear here." })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ProjectPermissionPanel.tsx
+import * as React9 from "react";
+import { Badge as Badge7, Checkbox, EmptyState as EmptyState7 } from "@echothink-ui/core";
+import { DataTable as DataTable4 } from "@echothink-ui/data";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function ProjectPermissionPanel({
+  subjects = [],
+  resources = [],
+  actions = [],
+  assignments = {},
+  onChange,
+  title = "Project permissions",
+  description = "Review subject access by resource and action.",
+  density = "compact",
+  className,
+  ...props
+}) {
+  const hasMatrix = subjects.length > 0 && resources.length > 0 && actions.length > 0;
+  const editable = Boolean(onChange);
+  const rows = React9.useMemo(
+    () => subjects.flatMap(
+      (subject) => resources.map((resource) => ({
+        id: `${entityId(subject)}:${entityId(resource)}`,
+        subject,
+        resource
+      }))
+    ),
+    [resources, subjects]
+  );
+  const totalPermissions = subjects.length * resources.length * actions.length;
+  const grantedCount = React9.useMemo(
+    () => subjects.reduce(
+      (subjectTotal, subject) => subjectTotal + resources.reduce(
+        (resourceTotal, resource) => resourceTotal + actions.filter((action) => assignments[permissionKey(subject, resource, action)]).length,
+        0
+      ),
+      0
+    ),
+    [actions, assignments, resources, subjects]
+  );
+  const missingCount = Math.max(totalPermissions - grantedCount, 0);
+  const columns = React9.useMemo(
+    () => [
+      {
+        key: "subject",
+        header: "Subject",
+        width: "12rem",
+        render: (row) => /* @__PURE__ */ jsx14("strong", { className: "eth-project-permission-panel__subject", children: entityLabel(row.subject) })
+      },
+      {
+        key: "resource",
+        header: "Resource",
+        width: "12rem",
+        render: (row) => /* @__PURE__ */ jsx14("span", { className: "eth-project-permission-panel__resource", children: entityLabel(row.resource) })
+      },
+      ...actions.map((action) => ({
+        key: `permission-${entityId(action)}`,
+        header: entityLabel(action),
+        width: "9rem",
+        align: "center",
+        render: (row) => {
+          const key = permissionKey(row.subject, row.resource, action);
+          const granted = Boolean(assignments[key]);
+          const label = `${entityText(action)} permission for ${entityText(
+            row.subject
+          )} on ${entityText(row.resource)}`;
+          return editable ? /* @__PURE__ */ jsx14(
+            Checkbox,
+            {
+              "aria-label": label,
+              className: "eth-project-permission-panel__toggle",
+              hideLabel: true,
+              label,
+              checked: granted,
+              onChange: (event) => onChange?.(key, event.currentTarget.checked)
+            }
+          ) : /* @__PURE__ */ jsx14(
+            Badge7,
+            {
+              className: "eth-project-permission-panel__state",
+              severity: granted ? "success" : "neutral",
+              children: granted ? "Granted" : "Not granted"
+            }
+          );
+        }
+      }))
+    ],
+    [actions, assignments, editable, onChange]
+  );
+  return /* @__PURE__ */ jsxs12(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-permission-panel", className),
+      "data-eth-component": "ProjectPermissionPanel",
+      role: "region",
+      "aria-label": typeof title === "string" && title ? title : "Project permissions",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs12("header", { className: "eth-project-permission-panel__header", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "eth-project-permission-panel__heading", children: [
+            title ? /* @__PURE__ */ jsx14("h3", { children: title }) : null,
+            description ? /* @__PURE__ */ jsx14("p", { children: description }) : null
+          ] }),
+          hasMatrix ? /* @__PURE__ */ jsxs12(
+            "dl",
+            {
+              className: "eth-project-permission-panel__summary",
+              "aria-label": "Project permission summary",
+              children: [
+                /* @__PURE__ */ jsxs12("div", { children: [
+                  /* @__PURE__ */ jsx14("dt", { children: "Granted" }),
+                  /* @__PURE__ */ jsx14("dd", { children: grantedCount })
+                ] }),
+                /* @__PURE__ */ jsxs12("div", { children: [
+                  /* @__PURE__ */ jsx14("dt", { children: "Not granted" }),
+                  /* @__PURE__ */ jsx14("dd", { children: missingCount })
+                ] }),
+                /* @__PURE__ */ jsxs12("div", { children: [
+                  /* @__PURE__ */ jsx14("dt", { children: "Actions" }),
+                  /* @__PURE__ */ jsx14("dd", { children: actions.length })
+                ] })
+              ]
+            }
+          ) : null
+        ] }),
+        hasMatrix ? /* @__PURE__ */ jsx14(DataTable4, { rows, columns, rowKey: "id", density }) : /* @__PURE__ */ jsx14("div", { className: "eth-project-permission-panel__empty", children: /* @__PURE__ */ jsx14(
+          EmptyState7,
+          {
+            title: "No permissions",
+            description: "Subjects, resources, and actions are required to render a permission matrix."
+          }
+        ) })
+      ]
+    }
+  );
+}
+function entityText(entity) {
+  const label = entityLabel(entity);
+  if (typeof label === "string" || typeof label === "number") return String(label);
+  return entityId(entity);
+}
+
+// src/components/ProjectAppDomainPanel.tsx
+import * as React10 from "react";
+import { EmptyState as EmptyState8, StatusDot as StatusDot7, statusLabel as statusLabel8 } from "@echothink-ui/core";
+import { DataTable as DataTable5 } from "@echothink-ui/data";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var attentionStatuses2 = /* @__PURE__ */ new Set(["blocked", "failed", "stale", "warning", "approval-required"]);
+function ProjectAppDomainPanel({
+  instances = [],
+  onOpen,
+  onConfigure,
+  onRemove,
+  className,
+  title = "App domains",
+  ...props
+}) {
+  const runningCount = instances.filter((instance) => instance.status === "running").length;
+  const attentionCount = instances.filter(
+    (instance) => instance.health === "warning" || instance.health === "critical" || attentionStatuses2.has(instance.status)
+  ).length;
+  const hasRowActions = Boolean(onOpen || onConfigure || onRemove);
+  const columns = React10.useMemo(
+    () => [
+      {
+        key: "appDomainLabel",
+        header: "App domain",
+        width: "42%",
+        render: (instance) => /* @__PURE__ */ jsxs13("div", { className: "eth-project-app-domain-panel__domain", children: [
+          /* @__PURE__ */ jsx15("strong", { children: instance.appDomainLabel }),
+          /* @__PURE__ */ jsx15("span", { children: instance.id })
+        ] })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "18%",
+        render: (instance) => /* @__PURE__ */ jsx15(StatusDot7, { status: instance.status, label: statusLabel8(instance.status) })
+      },
+      {
+        key: "health",
+        header: "Health",
+        width: "18%",
+        render: (instance) => /* @__PURE__ */ jsx15(StatusDot7, { status: healthToStatus(instance.health), label: healthLabel(instance.health) })
+      }
+    ],
+    []
+  );
+  const rowActions = React10.useCallback(
+    (instance) => {
+      const actions = [];
+      if (onOpen) {
+        actions.push({
+          id: "open",
+          label: "Open",
+          onSelect: () => onOpen(instance.id)
+        });
+      }
+      if (onConfigure) {
+        actions.push({
+          id: "configure",
+          label: "Configure",
+          onSelect: () => onConfigure(instance.id)
+        });
+      }
+      if (onRemove) {
+        actions.push({
+          id: "remove",
+          label: "Remove",
+          intent: "danger",
+          onSelect: () => onRemove(instance.id)
+        });
+      }
+      return actions;
+    },
+    [onConfigure, onOpen, onRemove]
+  );
+  return /* @__PURE__ */ jsxs13(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-app-domain-panel", className),
+      "data-eth-component": "ProjectAppDomainPanel",
+      role: "region",
+      "aria-label": typeof title === "string" ? title : "Project app domains",
+      tabIndex: -1,
+      children: [
+        title ? /* @__PURE__ */ jsxs13("header", { className: "eth-project-app-domain-panel__header", children: [
+          /* @__PURE__ */ jsx15("h3", { children: title }),
+          /* @__PURE__ */ jsxs13("dl", { className: "eth-project-app-domain-panel__summary", "aria-label": "App domain summary", children: [
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsx15("dt", { children: "Installed" }),
+              /* @__PURE__ */ jsx15("dd", { children: formatNumber(instances.length) })
+            ] }),
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsx15("dt", { children: "Running" }),
+              /* @__PURE__ */ jsx15("dd", { children: formatNumber(runningCount) })
+            ] }),
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsx15("dt", { children: "Attention" }),
+              /* @__PURE__ */ jsx15("dd", { children: formatNumber(attentionCount) })
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx15(
+          DataTable5,
+          {
+            rows: instances,
+            columns,
+            rowKey: "id",
+            density: "compact",
+            className: "eth-project-app-domain-panel__table",
+            rowActions: hasRowActions ? rowActions : void 0,
+            emptyState: /* @__PURE__ */ jsx15(
+              EmptyState8,
+              {
+                title: "No app domains",
+                description: "Installed and running project app domains appear here."
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ProjectModelConfigPanel.tsx
+import * as React11 from "react";
+import { FormField as FormField3, NumberInput, Select as Select4, Slider } from "@echothink-ui/core";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function normalizeProvider(provider) {
+  return typeof provider === "string" ? { id: provider, label: provider } : provider;
+}
+var PARAMETER_DEFINITIONS = [
+  {
+    key: "temperature",
+    label: "Temperature",
+    description: "Controls response randomness.",
+    min: 0,
+    max: 2,
+    step: 0.1,
+    defaultValue: 0.2,
+    control: "slider"
+  },
+  {
+    key: "topP",
+    label: "Top P",
+    description: "Limits nucleus sampling to a cumulative probability threshold.",
+    min: 0,
+    max: 1,
+    step: 0.05,
+    defaultValue: 1,
+    control: "slider"
+  },
+  {
+    key: "maxTokens",
+    label: "Max tokens",
+    description: "Caps the response length for project agent runs.",
+    min: 1,
+    max: 2e5,
+    step: 1,
+    defaultValue: 4096,
+    control: "number"
+  }
+];
+function ProjectModelConfigPanel({
+  providers = [],
+  selectedProvider,
+  model,
+  params = {},
+  onChange,
+  className,
+  title = "Project model configuration",
+  description = "Default provider, model, and generation limits for project agents.",
+  ...props
+}) {
+  const generatedId = React11.useId();
+  const headingId = `eth-project-model-config-panel-${generatedId}`;
+  const normalizedProviders = providers.map(normalizeProvider);
+  const requestedProvider = selectedProvider ?? normalizedProviders[0]?.id ?? "";
+  const activeProviderData = normalizedProviders.find((provider) => provider.id === requestedProvider) ?? normalizedProviders[0];
+  const activeProvider = activeProviderData?.id ?? requestedProvider;
+  const modelOptions2 = activeProviderData?.models ?? [];
+  const requestedModel = model ?? modelOptions2[0]?.id ?? "";
+  const activeModelData = modelOptions2.find((option) => option.id === requestedModel) ?? modelOptions2[0];
+  const activeModel = activeModelData?.id ?? requestedModel;
+  const providerOptions2 = normalizedProviders.length ? normalizedProviders.map((provider) => ({
+    value: provider.id,
+    label: provider.label
+  })) : [{ value: "", label: "No providers available", disabled: true }];
+  const modelSelectOptions = modelOptions2.length ? modelOptions2.map((option) => ({ value: option.id, label: option.label })) : [
+    {
+      value: "",
+      label: activeProvider ? "No models available" : "Select a provider first",
+      disabled: true
+    }
+  ];
+  const providerHelperText = normalizedProviders.length ? `${normalizedProviders.length} configured ${normalizedProviders.length === 1 ? "provider" : "providers"}.` : "Add a provider before selecting a project model.";
+  const modelHelperText = modelOptions2.length ? `${modelOptions2.length} available ${modelOptions2.length === 1 ? "model" : "models"} for ${activeProviderData?.label ?? "this provider"}.` : "No selectable models are configured for this provider.";
+  const tokenLimit = params.maxTokens ?? PARAMETER_DEFINITIONS[2].defaultValue;
+  const emit = (patch) => {
+    const hasProviderPatch = Object.prototype.hasOwnProperty.call(patch, "provider");
+    const hasModelPatch = Object.prototype.hasOwnProperty.call(patch, "model");
+    const nextParams = { ...params, ...patch.params };
+    onChange?.({
+      provider: hasProviderPatch ? patch.provider : activeProvider,
+      model: hasModelPatch ? patch.model : activeModel,
+      params: nextParams
+    });
+  };
+  const updateParam = (key, value) => {
+    emit({ params: { [key]: value } });
+  };
+  return /* @__PURE__ */ jsxs14(
+    "section",
+    {
+      ...projectHtmlProps(props),
+      className: classNames("eth-project-model-config-panel", className),
+      "data-eth-component": "ProjectModelConfigPanel",
+      role: "region",
+      "aria-labelledby": headingId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs14("header", { className: "eth-project-model-config-panel__header", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "eth-project-model-config-panel__heading", children: [
+            /* @__PURE__ */ jsx16("h3", { id: headingId, children: title }),
+            description ? /* @__PURE__ */ jsx16("p", { children: description }) : null
+          ] }),
+          /* @__PURE__ */ jsxs14("dl", { className: "eth-project-model-config-panel__summary", "aria-label": "Selected model summary", children: [
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("dt", { children: "Provider" }),
+              /* @__PURE__ */ jsx16("dd", { children: activeProviderData?.label ?? "Not configured" })
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("dt", { children: "Model" }),
+              /* @__PURE__ */ jsx16("dd", { children: activeModelData?.label ?? (activeModel || "Default model") })
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("dt", { children: "Max tokens" }),
+              /* @__PURE__ */ jsx16("dd", { children: formatNumber(tokenLimit) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "eth-project-model-config-panel__selectors", children: [
+          /* @__PURE__ */ jsx16(FormField3, { id: "project-model-provider", label: "Provider", helperText: providerHelperText, children: /* @__PURE__ */ jsx16(
+            Select4,
+            {
+              options: providerOptions2,
+              value: activeProvider,
+              disabled: !normalizedProviders.length,
+              onChange: (event) => {
+                const nextProvider = normalizedProviders.find(
+                  (provider) => provider.id === event.currentTarget.value
+                );
+                emit({
+                  provider: event.currentTarget.value,
+                  model: nextProvider?.models?.[0]?.id
+                });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx16(FormField3, { id: "project-model-model", label: "Model", helperText: modelHelperText, children: /* @__PURE__ */ jsx16(
+            Select4,
+            {
+              options: modelSelectOptions,
+              value: activeModel,
+              disabled: !modelOptions2.length,
+              onChange: (event) => emit({ model: event.currentTarget.value })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx16(
+          "div",
+          {
+            className: "eth-project-model-config-panel__parameters",
+            role: "group",
+            "aria-label": "Generation parameters",
+            children: PARAMETER_DEFINITIONS.map((definition) => /* @__PURE__ */ jsx16(
+              ProjectModelParamControl,
+              {
+                definition,
+                value: params[definition.key] ?? definition.defaultValue,
+                onChange: (value) => updateParam(definition.key, value)
+              },
+              definition.key
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function ProjectModelParamControl({
+  definition,
+  value,
+  onChange
+}) {
+  const id = `project-model-${definition.key}`;
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
+  const handleChange = (event) => {
+    const nextValue = Number(event.currentTarget.value);
+    if (Number.isFinite(nextValue)) onChange(nextValue);
+  };
+  const handleNumberChange = (event) => {
+    const nextValue = event.currentTarget.value === "" ? void 0 : Number(event.currentTarget.value);
+    if (nextValue === void 0 || Number.isFinite(nextValue)) onChange(nextValue);
+  };
+  return /* @__PURE__ */ jsxs14("div", { className: "eth-project-model-config-panel__parameter", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "eth-project-model-config-panel__parameter-copy", children: [
+      /* @__PURE__ */ jsx16("h4", { id: labelId, children: definition.label }),
+      /* @__PURE__ */ jsx16("p", { id: descriptionId, children: definition.description }),
+      /* @__PURE__ */ jsxs14("dl", { className: "eth-project-model-config-panel__parameter-meta", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("dt", { children: "Range" }),
+          /* @__PURE__ */ jsxs14("dd", { children: [
+            formatParamValue(definition.min, definition.step),
+            " -",
+            " ",
+            formatParamValue(definition.max, definition.step)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("dt", { children: "Current" }),
+          /* @__PURE__ */ jsx16("dd", { children: formatParamValue(value, definition.step) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16("div", { className: "eth-project-model-config-panel__parameter-control", children: definition.control === "number" ? /* @__PURE__ */ jsx16(
+      NumberInput,
+      {
+        id: `${id}-input`,
+        "aria-describedby": descriptionId,
+        "aria-labelledby": labelId,
+        density: "compact",
+        hideLabel: true,
+        labelText: definition.label,
+        min: definition.min,
+        max: definition.max,
+        step: definition.step,
+        value,
+        onChange: handleNumberChange
+      }
+    ) : /* @__PURE__ */ jsx16(
+      Slider,
+      {
+        id: `${id}-slider`,
+        "aria-describedby": descriptionId,
+        "aria-labelledby": labelId,
+        hideLabel: true,
+        labelText: definition.label,
+        min: definition.min,
+        max: definition.max,
+        step: definition.step,
+        value,
+        onChange: handleChange
+      }
+    ) })
+  ] });
+}
+function formatParamValue(value, step) {
+  const maximumFractionDigits = step >= 1 ? 0 : String(step).split(".")[1]?.length ?? 2;
+  return new Intl.NumberFormat("en-US", {
+    maximumFractionDigits
+  }).format(value);
+}
+
+// src/components/ProjectDashboardTemplate.tsx
+import { StatusDot as StatusDot8 } from "@echothink-ui/core";
+import { KPIBlock as KPIBlock2 } from "@echothink-ui/charts";
+import { PageHeader as PageHeader2 } from "@echothink-ui/layouts";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var demoProject = {
+  id: "project-demo",
+  name: "Project dashboard",
+  status: "in-progress",
+  description: "Project overview for resources, tasks, activity, and app domains.",
+  ownerLabel: "Operations",
+  updatedAt: "Today",
+  appDomainsCount: 2,
+  openTasksCount: 7,
+  healthStatus: "healthy"
+};
+var demoEvents = [
+  {
+    id: "event-1",
+    timestamp: "2026-05-27 09:20",
+    actor: "EchoThink",
+    kind: "resource",
+    summary: "Resource inventory refreshed"
+  },
+  {
+    id: "event-2",
+    timestamp: "2026-05-27 10:05",
+    actor: "Project lead",
+    kind: "app-domain",
+    summary: "Analytics domain configured"
+  }
+];
+var demoResources = [
+  { id: "res-1", label: "Launch brief", kind: "document", status: "synced", updatedAt: "Today" },
+  { id: "res-2", label: "Task backlog", kind: "table", status: "in-progress", updatedAt: "Today" }
+];
+var demoInstances = [
+  { id: "inst-1", appDomainLabel: "Analytics", status: "running", health: "healthy" },
+  { id: "inst-2", appDomainLabel: "Document review", status: "active", health: "warning" }
+];
+function ProjectDashboardTemplate({
+  project = demoProject,
+  projects,
+  events = demoEvents,
+  resources = demoResources,
+  instances = demoInstances,
+  className,
+  actions,
+  ...props
+}) {
+  const projectSet = projects ?? [project];
+  return /* @__PURE__ */ jsxs15(
+    "main",
+    {
+      ...projectHtmlProps(props),
+      className: `eth-project-dashboard-template ${className ?? ""}`,
+      "data-eth-component": "ProjectDashboardTemplate",
+      children: [
+        /* @__PURE__ */ jsx17(
+          PageHeader2,
+          {
+            title: project.name,
+            subtitle: project.description,
+            status: project.status,
+            actions
+          }
+        ),
+        /* @__PURE__ */ jsxs15("div", { className: "eth-project-dashboard-template__kpis", role: "region", "aria-label": "Project KPIs", children: [
+          /* @__PURE__ */ jsx17(KPIBlock2, { title: "Open tasks", value: project.openTasksCount ?? 0 }),
+          /* @__PURE__ */ jsx17(KPIBlock2, { title: "App domains", value: project.appDomainsCount ?? 0 }),
+          /* @__PURE__ */ jsx17(
+            KPIBlock2,
+            {
+              title: "Health",
+              value: project.healthStatus ?? "healthy",
+              status: /* @__PURE__ */ jsx17(StatusDot8, { status: "synced", label: "Operational" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx17(ProjectStatusSummary, { projects: projectSet }),
+        /* @__PURE__ */ jsxs15("div", { className: "eth-project-dashboard-template__grid", children: [
+          /* @__PURE__ */ jsx17(ProjectActivityTimeline, { events }),
+          /* @__PURE__ */ jsx17(ProjectResourcePanel, { resources }),
+          /* @__PURE__ */ jsx17(ProjectAppDomainPanel, { instances })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/index.tsx
+var ProjectComponentNames = [
+  "ProjectManagementPage",
+  "ProjectCard",
+  "ProjectTable",
+  "ProjectTab",
+  "ProjectStatusSummary",
+  "ProjectCreateForm",
+  "ProjectSummaryPanel",
+  "ProjectSettingsPanel",
+  "ProjectScopeSelector",
+  "ProjectResourcePanel",
+  "ProjectActivityTimeline",
+  "ProjectTabGroup",
+  "ProjectMembersPanel",
+  "ProjectPermissionPanel",
+  "ProjectAppDomainPanel",
+  "ProjectModelConfigPanel",
+  "ProjectDashboardTemplate"
+];
+export {
+  ProjectActivityTimeline,
+  ProjectAppDomainPanel,
+  ProjectCard,
+  ProjectComponentNames,
+  ProjectCreateForm,
+  ProjectDashboardTemplate,
+  ProjectManagementPage,
+  ProjectMembersPanel,
+  ProjectModelConfigPanel,
+  ProjectPermissionPanel,
+  ProjectResourcePanel,
+  ProjectScopeSelector,
+  ProjectSettingsPanel,
+  ProjectStatusSummary,
+  ProjectSummaryPanel,
+  ProjectTab,
+  ProjectTabGroup,
+  ProjectTable
+};
+//# sourceMappingURL=index.js.map