@kirosnn/mosaic 0.0.7

package/src/web/storage.ts

@@ -0,0 +1,92 @@
+import { Message } from './types';
+
+export interface Conversation {
+    id: string;
+    title: string | null;
+    messages: Message[];
+    workspace: string | null;
+    createdAt: number;
+    updatedAt: number;
+}
+
+const STORAGE_KEY = 'mosaic_conversations';
+
+export function generateConversationId(): string {
+    return `conv_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+}
+
+export function getAllConversations(): Conversation[] {
+    try {
+        const data = localStorage.getItem(STORAGE_KEY);
+        if (!data) return [];
+        const conversations: Conversation[] = JSON.parse(data);
+        return conversations.sort((a, b) => b.createdAt - a.createdAt);
+    } catch {
+        return [];
+    }
+}
+
+export function getConversation(id: string): Conversation | null {
+    const conversations = getAllConversations();
+    return conversations.find(c => c.id === id) || null;
+}
+
+export function saveConversation(conversation: Conversation): void {
+    const conversations = getAllConversations();
+    const existingIndex = conversations.findIndex(c => c.id === conversation.id);
+
+    if (existingIndex !== -1) {
+        conversations[existingIndex] = conversation;
+    } else {
+        conversations.push(conversation);
+    }
+
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(conversations));
+}
+
+export function deleteConversation(id: string): void {
+    const conversations = getAllConversations();
+    const filtered = conversations.filter(c => c.id !== id);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(filtered));
+}
+
+export function createNewConversation(workspace: string | null = null): Conversation {
+    return {
+        id: generateConversationId(),
+        title: null,
+        messages: [],
+        workspace,
+        createdAt: Date.now(),
+        updatedAt: Date.now(),
+    };
+}
+
+export function formatWorkspace(path: string | null | undefined): string {
+    if (!path) return '';
+
+    let normalized = path.replace(/\\/g, '/');
+
+    const homePatterns = [
+        /^\/Users\/[^/]+/,
+        /^\/home\/[^/]+/,
+        /^[A-Z]:\/Users\/[^/]+/i,
+    ];
+
+    for (const pattern of homePatterns) {
+        if (pattern.test(normalized)) {
+            normalized = normalized.replace(pattern, '~');
+            break;
+        }
+    }
+
+    const parts = normalized.split('/').filter(Boolean);
+    const maxLength = 30;
+
+    if (normalized.length > maxLength && parts.length > 3) {
+        const isHome = normalized.startsWith('~');
+        const lastParts = parts.slice(-2).join('/');
+        return isHome ? '~/.../' + lastParts : '.../' + lastParts;
+    }
+
+    return normalized;
+}

package/src/web/types.ts

@@ -0,0 +1,17 @@
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant' | 'tool';
+    content: string;
+    displayContent?: string;
+    isError?: boolean;
+    toolName?: string;
+    toolArgs?: Record<string, unknown>;
+    toolResult?: unknown;
+    success?: boolean;
+    timestamp?: number;
+    thinkingContent?: string;
+    isRunning?: boolean;
+    runningStartTime?: number;
+    responseDuration?: number;
+    blendWord?: string;
+}

package/src/web/utils.ts

@@ -0,0 +1,61 @@
+export {
+    formatToolMessage,
+    parseToolHeader,
+    formatToolResult,
+    isToolSuccess,
+    formatErrorMessage,
+    DEFAULT_MAX_TOOL_LINES,
+} from '../utils/toolFormatting';
+
+export { parseDiffLine, getDiffLineColors, type ParsedDiffLine } from '../utils/diff';
+
+export const createId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+
+export function extractTitle(content: string, alreadyResolved: boolean): {
+    title: string | null;
+    cleanContent: string;
+    isPending: boolean;
+    noTitle: boolean
+} {
+    const trimmed = content.trimStart();
+
+    const titleMatch = trimmed.match(/^<title>(.*?)<\/title>\s*/s);
+    if (titleMatch) {
+        const title = alreadyResolved ? null : (titleMatch[1]?.trim() || null);
+        const cleanContent = trimmed.replace(/^<title>.*?<\/title>\s*/s, '');
+        return { title, cleanContent, isPending: false, noTitle: false };
+    }
+
+    if (alreadyResolved) {
+        return { title: null, cleanContent: content, isPending: false, noTitle: false };
+    }
+
+    const partialTitlePattern = /^<(t(i(t(l(e(>.*)?)?)?)?)?)?$/i;
+    if (partialTitlePattern.test(trimmed) || (trimmed.startsWith('<title>') && !trimmed.includes('</title>'))) {
+        return { title: null, cleanContent: '', isPending: true, noTitle: false };
+    }
+
+    return { title: null, cleanContent: content, isPending: false, noTitle: true };
+}
+
+export function setDocumentTitle(title: string) {
+    document.title = `${title} - Mosaic`;
+}
+
+export const BLEND_WORDS = [
+    "Blended",
+    "Crafted",
+    "Brewed",
+    "Cooked",
+    "Forged",
+    "Woven",
+    "Composed",
+    "Rendered",
+    "Conjured",
+    "Distilled",
+    "Worked"
+];
+
+export function getRandomBlendWord(): string {
+    return BLEND_WORDS[Math.floor(Math.random() * BLEND_WORDS.length)]!;
+}

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "target": "ESNext",
+    "module": "Preserve",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@opentui/react",
+    "allowImportingTsExtensions": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "types": [
+      "bun"
+    ]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}