@echothink-ui/project 0.1.0

package/src/types.ts

@@ -0,0 +1,111 @@
+import type * as React from "react";
+import type {
+  EthAction,
+  EthOperationalStatus,
+  SurfaceComponentProps
+} from "@echothink-ui/core";
+
+export type ProjectHealthStatus = "healthy" | "warning" | "critical";
+
+export interface ProjectSummary extends Record<string, unknown> {
+  id: string;
+  name: string;
+  status: EthOperationalStatus;
+  description?: React.ReactNode;
+  ownerLabel?: React.ReactNode;
+  updatedAt?: React.ReactNode;
+  appDomainsCount?: number;
+  openTasksCount?: number;
+  healthStatus?: ProjectHealthStatus;
+}
+
+export interface ProjectStatusSummaryData {
+  byStatus: Partial<Record<EthOperationalStatus, number>>;
+  healthyPercent: number;
+  blockedCount: number;
+}
+
+export interface ProjectCreateValues {
+  name: string;
+  description?: string;
+  ownerLabel?: string;
+  template: string;
+}
+
+export interface ProjectSettings {
+  name?: string;
+  description?: string;
+  members?: Array<{ id: string; label: React.ReactNode; role?: string }>;
+  permissionMode?: string;
+  defaultRole?: string;
+  modelProvider?: string;
+  model?: string;
+}
+
+export interface ProjectScope extends Record<string, unknown> {
+  id: string;
+  label: React.ReactNode;
+  kind: "project" | "app-domain" | "resource";
+  status?: EthOperationalStatus;
+}
+
+export interface ProjectResource extends Record<string, unknown> {
+  id: string;
+  kind: string;
+  label: React.ReactNode;
+  status?: EthOperationalStatus;
+  updatedAt?: React.ReactNode;
+}
+
+export interface ProjectActivityEvent {
+  id: string;
+  timestamp: string;
+  actor?: React.ReactNode;
+  kind: string;
+  summary: React.ReactNode;
+  details?: React.ReactNode;
+}
+
+export interface ProjectMember extends Record<string, unknown> {
+  id: string;
+  label: React.ReactNode;
+  role: string;
+  avatar?: string;
+  status?: EthOperationalStatus;
+}
+
+export type ProjectPermissionEntity = string | { id: string; label: React.ReactNode };
+
+export interface ProjectAppDomainInstance extends Record<string, unknown> {
+  id: string;
+  appDomainLabel: React.ReactNode;
+  status: EthOperationalStatus;
+  health?: ProjectHealthStatus;
+}
+
+export interface ProjectModelProvider {
+  id: string;
+  label: string;
+  models?: Array<{ id: string; label: string }>;
+}
+
+export interface ProjectModelConfig {
+  provider?: string;
+  model?: string;
+  params?: {
+    temperature?: number;
+    topP?: number;
+    maxTokens?: number;
+  };
+}
+
+export type ProjectBaseProps = Omit<
+  SurfaceComponentProps,
+  "actions" | "children" | "items" | "metadata" | "onChange" | "onSelect" | "onSubmit"
+> & {
+  children?: React.ReactNode;
+};
+
+export type ProjectActionProps = {
+  actions?: EthAction[];
+};

package/src/utils.ts

@@ -0,0 +1,96 @@
+import type { EthOperationalStatus, EthSeverity } from "@echothink-ui/core";
+import type {
+  ProjectHealthStatus,
+  ProjectBaseProps,
+  ProjectPermissionEntity,
+  ProjectStatusSummaryData,
+  ProjectSummary
+} from "./types";
+
+export function classNames(...values: Array<string | false | null | undefined>) {
+  return values.filter(Boolean).join(" ");
+}
+
+export function healthToStatus(health?: ProjectHealthStatus): EthOperationalStatus {
+  if (health === "critical") return "failed";
+  if (health === "warning") return "warning";
+  return "synced";
+}
+
+export function healthLabel(health?: ProjectHealthStatus) {
+  if (health === "critical") return "Critical";
+  if (health === "warning") return "Warning";
+  return "Healthy";
+}
+
+export function statusToSeverity(status: EthOperationalStatus): EthSeverity {
+  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";
+}
+
+export function summarizeProjects(projects: ProjectSummary[]): ProjectStatusSummaryData {
+  const byStatus: ProjectStatusSummaryData["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
+  };
+}
+
+export function entityId(entity: ProjectPermissionEntity) {
+  return typeof entity === "string" ? entity : entity.id;
+}
+
+export function entityLabel(entity: ProjectPermissionEntity) {
+  return typeof entity === "string" ? entity : entity.label;
+}
+
+export function permissionKey(
+  subject: ProjectPermissionEntity,
+  resource: ProjectPermissionEntity,
+  action: ProjectPermissionEntity
+) {
+  return `${entityId(subject)}:${entityId(resource)}:${entityId(action)}`;
+}
+
+export function formatNumber(value: number | undefined) {
+  return new Intl.NumberFormat("en-US").format(value ?? 0);
+}
+
+export function projectHtmlProps(props: ProjectBaseProps) {
+  const {
+    title,
+    subtitle,
+    description,
+    eyebrow,
+    density,
+    status,
+    severity,
+    loading,
+    empty,
+    error,
+    footer,
+    children,
+    ...htmlProps
+  } = props;
+  return htmlProps;
+}