@townco/ui 0.1.32 → 0.1.34

package/dist/gui/components/index.js

@@ -1,5 +1,6 @@
 // Base UI components
 export { toast } from "sonner";
+export { MockFileSystemProvider, mockFileSystemData, } from "../data/mockFileSystemData.js";
 export { Button, buttonVariants } from "./Button.js";
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./Card.js";
 export { ChatEmptyState } from "./ChatEmptyState.js";
@@ -19,6 +20,9 @@ export { Conversation } from "./Conversation.js";
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./Dialog.js";
 // DropdownMenu components
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./DropdownMenu.js";
+export { FileSystemItem, } from "./FileSystemItem.js";
+// FileSystem components
+export { FileSystemView, } from "./FileSystemView.js";
 // Utility components
 export { HeightTransition } from "./HeightTransition.js";
 export { Input, inputVariants } from "./Input.js";

package/dist/gui/data/mockFileSystemData.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Mock filesystem data - stub implementation
+ * Replace this with a real FileSystemProvider implementation later
+ */
+import type { FileSystemItem, FileSystemProvider } from "../types/filesystem.js";
+/**
+ * Stub filesystem data matching the Figma design
+ * This data can be easily replaced with real filesystem queries
+ */
+export declare const mockFileSystemData: FileSystemItem[];
+/**
+ * Mock FileSystemProvider implementation
+ * Replace this class with a real implementation that fetches from an actual filesystem
+ */
+export declare class MockFileSystemProvider implements FileSystemProvider {
+    private data;
+    constructor(data?: FileSystemItem[]);
+    getRootItems(): Promise<FileSystemItem[]>;
+    getItemChildren(itemId: string): Promise<FileSystemItem[]>;
+    getItemDetails(itemId: string): Promise<FileSystemItem>;
+}

package/dist/gui/data/mockFileSystemData.js

@@ -0,0 +1,127 @@
+/**
+ * Mock filesystem data - stub implementation
+ * Replace this with a real FileSystemProvider implementation later
+ */
+/**
+ * Stub filesystem data matching the Figma design
+ * This data can be easily replaced with real filesystem queries
+ */
+export const mockFileSystemData = [
+    {
+        id: "folder-1",
+        name: "Item 1",
+        type: "folder",
+        children: [
+            {
+                id: "file-1-1",
+                name: "Item 2",
+                type: "file",
+                extension: "tsx",
+            },
+            {
+                id: "file-1-2",
+                name: "Item 3",
+                type: "file",
+                extension: "ts",
+            },
+            {
+                id: "file-1-3",
+                name: "Item 4",
+                type: "file",
+                extension: "json",
+            },
+            {
+                id: "file-1-4",
+                name: "Item 5",
+                type: "file",
+                extension: "md",
+            },
+        ],
+    },
+    {
+        id: "folder-2",
+        name: "Description 1",
+        type: "folder",
+        children: [
+            {
+                id: "file-2-1",
+                name: "Description 2",
+                type: "file",
+                extension: "tsx",
+            },
+            {
+                id: "file-2-2",
+                name: "Description 3",
+                type: "file",
+                extension: "ts",
+            },
+            {
+                id: "file-2-3",
+                name: "Description 4",
+                type: "file",
+                extension: "json",
+            },
+            {
+                id: "file-2-4",
+                name: "Description 5",
+                type: "file",
+                extension: "md",
+            },
+        ],
+    },
+    {
+        id: "folder-3",
+        name: "financial-docs",
+        type: "folder",
+        children: [],
+    },
+];
+/**
+ * Mock FileSystemProvider implementation
+ * Replace this class with a real implementation that fetches from an actual filesystem
+ */
+export class MockFileSystemProvider {
+    data;
+    constructor(data = mockFileSystemData) {
+        this.data = data;
+    }
+    async getRootItems() {
+        // Simulate async operation
+        return Promise.resolve(this.data);
+    }
+    async getItemChildren(itemId) {
+        const findItem = (items) => {
+            for (const item of items) {
+                if (item.id === itemId)
+                    return item;
+                if (item.children) {
+                    const found = findItem(item.children);
+                    if (found)
+                        return found;
+                }
+            }
+            return undefined;
+        };
+        const item = findItem(this.data);
+        return Promise.resolve(item?.children || []);
+    }
+    async getItemDetails(itemId) {
+        const findItem = (items) => {
+            for (const item of items) {
+                if (item.id === itemId)
+                    return item;
+                if (item.children) {
+                    const found = findItem(item.children);
+                    if (found)
+                        return found;
+                }
+            }
+            return undefined;
+        };
+        const item = findItem(this.data);
+        if (!item) {
+            throw new Error(`Item with id ${itemId} not found`);
+        }
+        return Promise.resolve(item);
+    }
+}

package/dist/gui/types/filesystem.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Filesystem types for the file manager view
+ * This stub system can be easily replaced with real filesystem data later
+ */
+export type FileSystemItemType = "file" | "folder";
+export interface FileSystemItem {
+    id: string;
+    name: string;
+    type: FileSystemItemType;
+    children?: FileSystemItem[];
+    size?: number;
+    lastModified?: Date;
+    path?: string;
+    extension?: string;
+}
+export interface FileSystemData {
+    items: FileSystemItem[];
+}
+/**
+ * Interface for filesystem data providers
+ * Implement this to replace the stub with real data
+ */
+export interface FileSystemProvider {
+    getRootItems(): Promise<FileSystemItem[]>;
+    getItemChildren(itemId: string): Promise<FileSystemItem[]>;
+    getItemDetails(itemId: string): Promise<FileSystemItem>;
+}

package/dist/gui/types/filesystem.js

@@ -0,0 +1,5 @@
+/**
+ * Filesystem types for the file manager view
+ * This stub system can be easily replaced with real filesystem data later
+ */
+export {};

package/dist/sdk/schemas/session.d.ts

@@ -4,12 +4,12 @@ import { z } from "zod";
  */
 export declare const SessionStatus: z.ZodEnum<{
     error: "error";
-    disconnected: "disconnected";
+    idle: "idle";
     connecting: "connecting";
     connected: "connected";
-    idle: "idle";
     active: "active";
     streaming: "streaming";
+    disconnected: "disconnected";
 }>;
 export type SessionStatus = z.infer<typeof SessionStatus>;
 /**
@@ -41,12 +41,12 @@ export declare const Session: z.ZodObject<{
     id: z.ZodString;
     status: z.ZodEnum<{
         error: "error";
-        disconnected: "disconnected";
+        idle: "idle";
         connecting: "connecting";
         connected: "connected";
-        idle: "idle";
         active: "active";
         streaming: "streaming";
+        disconnected: "disconnected";
     }>;
     config: z.ZodObject<{
         agentPath: z.ZodString;
@@ -109,12 +109,12 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         error: "error";
-        disconnected: "disconnected";
+        idle: "idle";
         connecting: "connecting";
         connected: "connected";
-        idle: "idle";
         active: "active";
         streaming: "streaming";
+        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
@@ -216,12 +216,12 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         error: "error";
-        disconnected: "disconnected";
+        idle: "idle";
         connecting: "connecting";
         connected: "connected";
-        idle: "idle";
         active: "active";
         streaming: "streaming";
+        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
@@ -307,12 +307,12 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         error: "error";
-        disconnected: "disconnected";
+        idle: "idle";
         connecting: "connecting";
         connected: "connected";
-        idle: "idle";
         active: "active";
         streaming: "streaming";
+        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
@@ -363,12 +363,12 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         error: "error";
-        disconnected: "disconnected";
+        idle: "idle";
         connecting: "connecting";
         connected: "connected";
-        idle: "idle";
         active: "active";
         streaming: "streaming";
+        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@agentclientprotocol/sdk": "^0.5.1",
-    "@townco/core": "0.0.10",
+    "@townco/core": "0.0.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
@@ -62,7 +62,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
-    "@townco/tsconfig": "0.1.29",
+    "@townco/tsconfig": "0.1.31",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",

package/src/styles/global.css

@@ -52,11 +52,24 @@
   
   /* Typography - Letter spacing */
   --letter-spacing-tight: -0.48px;
+  --letter-spacing-heading: -0.4px;
   --letter-spacing-uppercase: 1.12px;
   
   /* Typography - Font sizes with line heights */
+  --font-size-heading-1: 3rem;         /* 48px */
+  --line-height-heading-1: 1;          /* 100% */
+
+  --font-size-heading-2: 1.875rem;     /* 30px */
+  --line-height-heading-2: 1;          /* 100% */
+
   --font-size-heading-3: 1.5rem;       /* 24px */
   --line-height-heading-3: 1.2;        /* 120% */
+
+  --font-size-heading-4: 1.25rem;      /* 20px */
+  --line-height-heading-4: 1.2;        /* 120% */
+
+  --font-size-heading-5: 1rem;         /* 16px */
+  --line-height-heading-5: 1.2;        /* 120% */
   
   --font-size-subheading: 1.25rem;     /* 20px */
   --line-height-subheading: 1.5;       /* 150% */
@@ -64,6 +77,24 @@
   --font-size-label: 0.875rem;         /* 14px */
   --line-height-label: 1.5;            /* 150% */
 
+  
+  --font-size-paragraph: 1rem;         /* 16px */
+  --line-height-paragraph: 1.5;        /* 150% */
+
+  --font-size-paragraph-sm: 0.875rem;  /* 14px */
+  --line-height-paragraph-sm: 1.5;     /* 150% */
+  
+  --font-size-paragraph-mini: 0.75rem; /* 12px */
+  --line-height-paragraph-mini: 1.5;   /* 150% */
+
+  --font-size-caption: 0.75rem;        /* 12px */
+  --line-height-caption: 1.5;          /* 150% */
+
+  --font-size-code: 0.875rem;          /* 14px */
+  --line-height-code: 1.5;             /* 150% */
+
+  --letter-spacing-wide: 0.07em;
+
   /* Shadows */
   --shadow-sm: 0 8px 24px -16px rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.04);
   --shadow-md: 0 8px 24px -16px rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.04);
@@ -177,12 +208,40 @@
 
 @layer utilities {
   /* Typography utilities following design system */
+  .text-heading-1 {
+    font-size: var(--font-size-heading-1);
+    line-height: var(--line-height-heading-1);
+    font-weight: 600;
+    letter-spacing: var(--letter-spacing-tight);
+  }
+
+  .text-heading-2 {
+    font-size: var(--font-size-heading-2);
+    line-height: var(--line-height-heading-2);
+    font-weight: 600;
+    letter-spacing: var(--letter-spacing-tight);
+  }
+
   .text-heading-3 {
     font-size: var(--font-size-heading-3);
     line-height: var(--line-height-heading-3);
     font-weight: 600;
     letter-spacing: var(--letter-spacing-tight);
   }
+
+  .text-heading-4 {
+    font-size: var(--font-size-heading-4);
+    line-height: var(--line-height-heading-4);
+    font-weight: 600;
+    letter-spacing: var(--letter-spacing-heading);
+  }
+
+  .text-heading-5 {
+    font-size: var(--font-size-heading-5);
+    line-height: var(--line-height-heading-5);
+    font-weight: 600;
+    letter-spacing: var(--letter-spacing-heading);
+  }
   
   .text-subheading {
     font-size: var(--font-size-subheading);
@@ -197,6 +256,55 @@
     letter-spacing: var(--letter-spacing-uppercase);
     text-transform: uppercase;
   }
+
+  .text-paragraph {
+    font-size: var(--font-size-paragraph);
+    line-height: var(--line-height-paragraph);
+    font-weight: 400;
+  }
+
+  .text-paragraph-medium {
+    font-size: var(--font-size-paragraph);
+    line-height: var(--line-height-paragraph);
+    font-weight: 500;
+  }
+
+  .text-paragraph-sm {
+    font-size: var(--font-size-paragraph-sm);
+    line-height: var(--line-height-paragraph-sm);
+    font-weight: 400;
+  }
+
+  .text-paragraph-sm-medium {
+    font-size: var(--font-size-paragraph-sm);
+    line-height: var(--line-height-paragraph-sm);
+    font-weight: 500;
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .text-paragraph-mini {
+    font-size: var(--font-size-paragraph-mini);
+    line-height: var(--line-height-paragraph-mini);
+    font-weight: 400;
+  }
+
+  .text-paragraph-mini-medium {
+    font-size: var(--font-size-paragraph-mini);
+    line-height: var(--line-height-paragraph-mini);
+    font-weight: 500;
+  }
+
+  .text-caption {
+    font-size: var(--font-size-caption);
+    line-height: var(--line-height-caption);
+    font-weight: 400;
+  }
+
+  .text-code {
+    font-size: var(--font-size-code);
+    line-height: var(--line-height-code);
+    font-family: monospace;
+  }
 }
 
 @keyframes spin {

package/dist/core/lib/logger.d.ts

@@ -1,59 +0,0 @@
-/**
- * Browser-compatible logger
- * Outputs structured JSON logs to console with color-coding
- * Also captures logs to a global store for in-app viewing
- * In Node.js environment with logsDir option, also writes to .logs/ directory
- */
-export type LogLevel = "trace" | "debug" | "info" | "warn" | "error" | "fatal";
-export interface LogEntry {
-    id: string;
-    timestamp: string;
-    level: LogLevel;
-    service: string;
-    message: string;
-    metadata?: Record<string, unknown>;
-}
-/**
- * Get all captured logs
- */
-export declare function getCapturedLogs(): LogEntry[];
-/**
- * Clear all captured logs
- */
-export declare function clearCapturedLogs(): void;
-/**
- * Subscribe to log updates
- */
-type LogSubscriber = (entry: LogEntry) => void;
-export declare function subscribeToLogs(callback: LogSubscriber): () => void;
-/**
- * Configure global logs directory for file writing
- * Must be called before creating any loggers (typically at TUI startup)
- */
-export declare function configureLogsDir(logsDir: string): void;
-export declare class Logger {
-    private service;
-    private minLevel;
-    private logFilePath?;
-    private logsDir?;
-    private writeQueue;
-    private isWriting;
-    constructor(service: string, minLevel?: LogLevel);
-    private setupFileLogging;
-    private writeToFile;
-    private shouldLog;
-    private log;
-    trace(message: string, metadata?: Record<string, unknown>): void;
-    debug(message: string, metadata?: Record<string, unknown>): void;
-    info(message: string, metadata?: Record<string, unknown>): void;
-    warn(message: string, metadata?: Record<string, unknown>): void;
-    error(message: string, metadata?: Record<string, unknown>): void;
-    fatal(message: string, metadata?: Record<string, unknown>): void;
-}
-/**
- * Create a logger instance for a service
- * @param service - Service name (e.g., "gui", "http-agent", "tui")
- * @param minLevel - Minimum log level to display (default: "debug")
- */
-export declare function createLogger(service: string, minLevel?: LogLevel): Logger;
-export {};