@hanzo/ui 8.0.11 → 8.0.13

package/dist/product/social/CampaignCard.d.ts

@@ -0,0 +1,13 @@
+export type Campaign = {
+    id: string;
+    name: string;
+    channel: string;
+    status: string;
+    objective?: string;
+    /** minor units (cents) */
+    budget: number;
+    spend: number;
+};
+export declare function CampaignCard({ campaign }: {
+    campaign: Campaign;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ChannelBadge.d.ts

@@ -0,0 +1,14 @@
+import type { Provider } from './api';
+/** The network vocabulary is the backend's ONE ordered list (./api PROVIDERS). */
+export type Channel = Provider;
+/**
+ * A known network, or whatever string the server sent. The badge renders unknown
+ * values through the `x` fallback below, so the type says what it really accepts —
+ * callers keep autocomplete without having to narrow a `string` field first.
+ */
+export type ChannelLike = Channel | (string & {});
+export declare function ChannelBadge({ channel, showLabel, size, }: {
+    channel: ChannelLike;
+    showLabel?: boolean;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostAgenda.d.ts

@@ -0,0 +1,5 @@
+import type { Post } from './api';
+export declare function PostAgenda({ posts, onOpen }: {
+    posts: Post[];
+    onOpen: (p: Post) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostCard.d.ts

@@ -0,0 +1,6 @@
+import type { Post } from './api';
+export declare function PostCard({ post, onEdit, onDelete, }: {
+    post: Post;
+    onEdit?: (p: Post) => void;
+    onDelete?: (p: Post) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostComposer.d.ts

@@ -0,0 +1,24 @@
+import type { ProviderCapability } from './api';
+/** Compose intents → the (status, scheduleAt) the backend stores. */
+export declare const COMPOSE_MODES: readonly ["draft", "schedule", "now"];
+export type ComposeMode = (typeof COMPOSE_MODES)[number];
+/** The writable fields of a new post — what the intent above encodes. */
+export type PostDraft = {
+    content: string;
+    channel: string;
+    status: string;
+    /** unix seconds; 0 = not scheduled / publish now */
+    scheduleAt: number;
+};
+export declare function PostComposer({ channels, providers, onSubmit, }: {
+    /** The networks offered, in order; the first is the default. */
+    channels: string[];
+    /** Live publish-readiness, used to warn before a publish that cannot succeed. */
+    providers: ProviderCapability[];
+    /**
+     * Persist the draft. Resolve `null` when it landed — the host then swaps this
+     * panel out — or a message to surface, which keeps the panel open and editable.
+     * Total by contract: the host classifies its own failures rather than throwing.
+     */
+    onSubmit: (draft: PostDraft, mode: ComposeMode) => Promise<string | null>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ProviderReadinessList.d.ts

@@ -0,0 +1,4 @@
+import type { ProviderCapability } from './api';
+export declare function ProviderReadinessList({ providers }: {
+    providers: ProviderCapability[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/SocialResource.d.ts

@@ -0,0 +1,7 @@
+import { type SocialApi } from './api';
+export declare function SocialResource({ api, title, subtitle, }: {
+    /** The bound `/v1/social` client — `createSocialApi(<host transport>)`. */
+    api: SocialApi;
+    title?: string;
+    subtitle?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/SocialSummaryBar.d.ts

@@ -0,0 +1,4 @@
+import type { SocialSummary } from './api';
+export declare function SocialSummaryBar({ summary }: {
+    summary: SocialSummary;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ViewToggle.d.ts

@@ -0,0 +1,5 @@
+export type PostView = 'list' | 'calendar';
+export declare function ViewToggle({ view, onChange, }: {
+    view: PostView;
+    onChange: (v: PostView) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/api.d.ts

@@ -0,0 +1,128 @@
+/**
+ * The `/v1/social` contract — the ONE typed client for the Hanzo Social surface,
+ * shared by every host that renders it (the console's Publish product, the dedicated
+ * social.hanzo.ai app, any white-label admin).
+ *
+ * The backend is `hanzoai/cloud` `clients/social`: a native-Go per-org accounts+posts
+ * store on Base/SQLite (the in-process fold of the standalone social stack, twin of
+ * clients/crm) — NOT a proxy to the retired social pods. Routes (social.go):
+ *
+ *   GET                 /v1/social/summary               per-org roll-up
+ *   GET                 /v1/social/providers             publish-readiness per network
+ *   GET/POST            /v1/social/accounts              list (?provider=) / connect
+ *   GET/PUT/DELETE      /v1/social/accounts/:id          detail / update / disconnect
+ *   GET/POST            /v1/social/posts                 list (?status=) / create-or-schedule
+ *   GET/PUT/DELETE      /v1/social/posts/:id             detail / update / delete
+ *   POST                /v1/social/posts/:id/publish     publish now
+ *
+ * TRANSPORT IS INJECTED. This layer never picks an origin, a credential or a fetch
+ * wrapper — the host passes a `SocialRest` whose paths are relative to `/v1/social`
+ * (`'summary'`, `'posts/<id>/publish'`), so the console rides its session-cookie
+ * `originV1Url` and another app rides its own. Every read/write is org-scoped
+ * SERVER-SIDE from the validated bearer/session owner claim; no org ever travels
+ * from the browser.
+ *
+ * Payloads are normalized DEFENSIVELY: a field rename upstream degrades a cell
+ * rather than throwing, and a list is read from whichever envelope key the backend
+ * uses (`data`/`items`/`rows`, or a bare array).
+ */
+/** Networks — the ONE ordered vocabulary (cloud rejects an unknown provider; '' → x). */
+export declare const PROVIDERS: readonly ["x", "facebook", "instagram", "linkedin", "tiktok", "youtube", "threads"];
+export type Provider = (typeof PROVIDERS)[number];
+/** Account connection lifecycle (cloud rejects an unknown status; '' → connected). */
+export declare const ACCOUNT_STATUSES: readonly ["connected", "disconnected", "error"];
+/** Post lifecycle (cloud rejects an unknown status; '' → draft). */
+export declare const POST_STATUSES: readonly ["draft", "scheduled", "published", "failed"];
+export type Account = {
+    id: string;
+    provider: string;
+    handle: string;
+    status: string;
+    createdAt: number;
+    updatedAt: number;
+};
+export type Post = {
+    id: string;
+    content: string;
+    channel: string;
+    status: string;
+    /** Unix seconds; 0 = not scheduled / publish now. */
+    scheduleAt: number;
+    /**
+     * Attached media URLs. Cloud ALWAYS serializes an array (never null) and its PUT
+     * rebuilds the row from the body — so this has to round-trip: an update that
+     * omitted it would wipe the post's media.
+     */
+    media: string[];
+    /** Server-managed publish results (empty until a publish attempt lands). */
+    accountId?: string;
+    externalId?: string;
+    error?: string;
+    createdAt: number;
+    updatedAt: number;
+};
+/** The per-org roll-up (GET /v1/social/summary) — the counts SocialSummaryBar renders. */
+export type SocialSummary = {
+    posts: number;
+    scheduled: number;
+    published: number;
+    accounts: number;
+};
+/**
+ * A network's publish-readiness (GET /v1/social/providers): whether this deployment
+ * holds the OAuth-app credentials to publish, and — if not — exactly which env vars
+ * are missing. The honest connect affordance; never a fabricated "connected".
+ */
+export type ProviderCapability = {
+    provider: string;
+    credentialsConfigured: boolean;
+    missingCredentials: string[];
+};
+/** Create/update bodies — only the writable fields (server owns id/org/timestamps). */
+export type NewAccount = Partial<Omit<Account, 'id' | 'createdAt' | 'updatedAt'>> & {
+    provider: string;
+};
+export type NewPost = Partial<Omit<Post, 'id' | 'createdAt' | 'updatedAt'>> & {
+    content: string;
+};
+export declare function normalizeAccount(raw: unknown): Account;
+export declare function normalizePost(raw: unknown): Post;
+export declare function normalizeSummary(raw: unknown): SocialSummary;
+export declare function normalizeProviderCapability(raw: unknown): ProviderCapability;
+export declare const normalizeAccounts: (p: unknown) => Account[];
+export declare const normalizePosts: (p: unknown) => Post[];
+export declare const normalizeProviders: (p: unknown) => ProviderCapability[];
+/**
+ * The host's REST transport. `path` is relative to `/v1/social` (no leading slash);
+ * the host owns the origin, the credential and the error class. A rejected promise
+ * is passed straight to `classifyBackend`, so any client's error type works.
+ */
+export type SocialRest = {
+    get: (path: string) => Promise<unknown>;
+    post: (path: string, body?: unknown) => Promise<unknown>;
+    put: (path: string, body?: unknown) => Promise<unknown>;
+    del: (path: string) => Promise<void>;
+};
+export type SocialApi = ReturnType<typeof createSocialApi>;
+/** Bind the `/v1/social` contract to a host transport. One method per documented route. */
+export declare function createSocialApi(rest: SocialRest): {
+    summary: () => Promise<SocialSummary>;
+    /** Publish-readiness per network (+ the exact missing OAuth-app credentials). */
+    providers: () => Promise<ProviderCapability[]>;
+    accounts: {
+        list: (provider?: string) => Promise<Account[]>;
+        get: (id: string) => Promise<Account>;
+        create: (body: NewAccount) => Promise<Account>;
+        update: (id: string, body: NewAccount) => Promise<Account>;
+        remove: (id: string) => Promise<void>;
+    };
+    posts: {
+        list: (status?: string) => Promise<Post[]>;
+        get: (id: string) => Promise<Post>;
+        create: (body: NewPost) => Promise<Post>;
+        update: (id: string, body: NewPost) => Promise<Post>;
+        remove: (id: string) => Promise<void>;
+        /** Publish a post NOW to its channel's connected accounts. */
+        publish: (id: string) => Promise<Post>;
+    };
+};

package/dist/product/social/format.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The ONE place a post's schedule time and body are formatted, bucketed by day,
+ * and parsed. Pure (no React, no host) so the agenda, the table cells and the
+ * composer all read the same clock. Extracted from Hanzo Social.
+ */
+/** Unix seconds → a short local timestamp, or '—' when unset (0). */
+export declare function formatPostTime(unix: number): string;
+/** Unix seconds → a day bucket key + label for the agenda (calendar) view. */
+export declare function postDayBucket(unix: number): {
+    key: string;
+    label: string;
+};
+/** Truncate a post body for a table cell / agenda card. */
+export declare function postPreview(s: string): string;
+/** Parse a user-typed datetime (ISO or local) into unix seconds; invalid → 0. */
+export declare function parsePostTime(dt: string): number;

package/dist/product/social/index.d.ts

@@ -0,0 +1,11 @@
+export * from './api';
+export * from './SocialResource';
+export * from './ChannelBadge';
+export * from './CampaignCard';
+export * from './PostCard';
+export * from './PostAgenda';
+export * from './PostComposer';
+export * from './ProviderReadinessList';
+export * from './SocialSummaryBar';
+export * from './ViewToggle';
+export * from './format';

package/dist/product/surfaces.data.d.ts

@@ -1,3 +1,4 @@
+/** The seven surfaces this shell's app switcher offers. */
 export type SurfaceId = 'ai' | 'console' | 'app' | 'chat' | 'bot' | 'team' | 'billing';
 /** One Hanzo surface the app switcher offers. */
 export type Surface = {

package/dist/styles/hanzo-motion.css

@@ -134,3 +134,55 @@
     animation: none;
   }
 }
+
+/* ── Typography + surface classes the product layer's components reference ──────
+   DataTable/Metric typeset numeric cells with `hz-mono`/`hz-tnum`; ComboBox and
+   SelectMenu paint their popovers with `hz-paper hz-menu-in`; DataTable rows use
+   `hz-row`. They travel WITH the components (this is the package's one stylesheet)
+   so any host that imports `@hanzo/ui/styles/motion.css` renders them correctly.
+   The elevation/ring variables fall back to sane values, so a host that defines its
+   own `--hz-*` theme tokens (the console does) still wins. */
+
+.hz-tnum {
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum' 1;
+}
+
+/* Data/numeric face — Geist Mono + tabular figures for metric values, prices, IDs
+   and counts, so numbers read as precise, column-aligned data. */
+.hz-mono {
+  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum' 1;
+  letter-spacing: -0.01em;
+}
+
+.hz-paper {
+  box-shadow: var(--hz-ring, inset 0 0 0 1px rgba(255, 255, 255, 0.08)),
+    var(--hz-paper-highlight, inset 0 1px 0 0 rgba(255, 255, 255, 0.05)),
+    var(--hz-elevation-3, 0 8px 24px rgba(0, 0, 0, 0.36));
+}
+
+@keyframes hz-menu-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.hz-menu-in {
+  animation: hz-menu-in 140ms ease-out both;
+  will-change: opacity;
+}
+
+.hz-row {
+  transition: background-color 140ms ease-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .hz-menu-in {
+    animation: none;
+  }
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.11",
+  "version": "8.0.13",
   "type": "module",
-  "description": "Hanzo UI \u2014 the one cross-platform component library on @hanzo/gui. The product/app layer (charts, metrics, page headers, status tags, rich empty states, combobox, slide-over, toasts, drag-reorder, labeled field rows, provider/product marks) + the metadata-driven record layer (@hanzo/data: RecordsView, DataTable, board, typed field editors) + the calm dark-first tokens and motion. Presentational, host-agnostic (data/effects injected), clean-room. Web + native (iOS) + desktop.",
+  "description": "Hanzo UI — the one canonical, backend-flexible component library on @hanzo/gui + @hanzo/tokens. A shared design core (Hanzo dark-first tokens, Geist Sans/Mono typography) with per-backend implementations: the shadcn-compatible web surface (Radix + Tailwind, the API apps import) and the @hanzo/gui product layer (cross-platform web + native + desktop). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -10,6 +10,36 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./shadcn": {
+      "types": "./src/backends/shadcn/index.ts",
+      "default": "./src/backends/shadcn/index.ts"
+    },
+    "./gui": {
+      "types": "./src/backends/gui/index.ts",
+      "default": "./src/backends/gui/index.ts"
+    },
+    "./svelte": {
+      "svelte": "./src/backends/svelte/index.ts",
+      "types": "./src/backends/svelte/index.ts",
+      "default": "./src/backends/svelte/index.ts"
+    },
+    "./components": {
+      "types": "./src/components.ts",
+      "default": "./src/components.ts"
+    },
+    "./models": {
+      "types": "./src/models/index.ts",
+      "default": "./src/models/index.ts"
+    },
+    "./core": {
+      "types": "./src/core/index.ts",
+      "default": "./src/core/index.ts"
+    },
+    "./tokens": {
+      "types": "./src/core/tokens.ts",
+      "default": "./src/core/tokens.ts"
+    },
+    "./theme.css": "./src/theme.css",
     "./product": {
       "types": "./dist/product/index.d.ts",
       "import": "./dist/product/index.js",
@@ -22,12 +52,20 @@
       "require": "./dist/data.cjs",
       "default": "./dist/data.js"
     },
+    "./primitives": {
+      "types": "./src/primitives/index.ts",
+      "default": "./src/primitives/index.ts"
+    },
     "./primitives/bases/data": {
       "types": "./dist/primitives/bases/data/index.d.ts",
       "import": "./dist/primitives/bases/data/index.js",
       "require": "./dist/primitives/bases/data/index.cjs",
       "default": "./dist/primitives/bases/data/index.js"
     },
+    "./primitives/*": {
+      "types": "./src/primitives/*.tsx",
+      "default": "./src/primitives/*.tsx"
+    },
     "./gitops": {
       "types": "./dist/gitops.d.ts",
       "import": "./dist/gitops.js",
@@ -97,31 +135,71 @@
   "scripts": {
     "build": "tsup && tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/hanzo-motion.css dist/styles/hanzo-motion.css && node scripts/add-use-client.mjs",
     "clean": "rm -rf dist types",
+    "gen:primitives": "node scripts/gen-primitives.mjs",
     "prepack": "pnpm run build",
     "tc": "tsc --noEmit",
     "typecheck": "tsc --noEmit",
+    "typecheck:ui": "tsc -p tsconfig.check.json",
+    "check:svelte": "svelte-check --tsconfig ./tsconfig.svelte.json",
     "test": "vitest run",
     "test:watch": "vitest"
   },
+  "dependencies": {
+    "@hanzo/logo": "^1.0.13",
+    "@hanzo/products": "workspace:*",
+    "@hanzo/tokens": "workspace:*",
+    "@hanzogui/telemetry": "^0.1.0",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": ">=0.456.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0"
+  },
   "peerDependencies": {
     "@hanzo/canvas": ">=0.1.0",
     "@hanzo/dashboard": ">=0.1.0",
     "@hanzo/data": ">=1.2.0",
-    "@hanzo/gitops": ">=0.1.0",
+    "@hanzo/cd": ">=0.1.0",
     "@hanzo/gui": ">=7.2.2",
     "@hanzo/ui-shadcn": ">=5.7.0",
     "@hanzo/usage": ">=0.1.0",
+    "@hanzogui/lucide-icons-2": ">=7.3.0",
     "@hanzogui/next-theme": ">=7.3.0",
-    "react": ">=19"
+    "next-themes": ">=0.2.1",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "svelte": ">=5"
   },
   "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    },
     "@hanzo/canvas": {
       "optional": true
     },
     "@hanzo/dashboard": {
       "optional": true
     },
-    "@hanzo/gitops": {
+    "@hanzo/cd": {
       "optional": true
     },
     "@hanzo/ui-shadcn": {
@@ -132,16 +210,14 @@
     },
     "@hanzogui/next-theme": {
       "optional": true
+    },
+    "next-themes": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "@hanzo/canvas": "workspace:*",
-    "@hanzo/dashboard": "workspace:*",
     "@hanzo/data": "1.2.1",
-    "@hanzo/gitops": "workspace:*",
     "@hanzo/gui": "7.3.0",
-    "@hanzo/ui-shadcn": "workspace:*",
-    "@hanzo/usage": "^0.1.6",
     "@hanzogui/config": "7.3.0",
     "@hanzogui/core": "7.3.0",
     "@hanzogui/lucide-icons-2": "7.3.0",
@@ -149,8 +225,11 @@
     "@hanzogui/web": "7.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.0",
+    "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "svelte": "^4.2.20",
+    "svelte-check": "^3.8.6",
     "typescript": "^5.7.2",
     "vitest": "^4.1.8",
     "react-native-web": "^0.21.2",
@@ -160,9 +239,5 @@
     "access": "public"
   },
   "license": "BSD-3-Clause",
-  "author": "Hanzo AI <dev@hanzo.ai>",
-  "dependencies": {
-    "@hanzo/logo": "^1.0.13",
-    "@hanzogui/telemetry": "^0.1.0"
-  }
+  "author": "Hanzo AI <dev@hanzo.ai>"
 }