@admin-layout/demo-perplexity-browser 12.2.4-alpha.1 → 12.2.4-alpha.4

package/lib/config/constants.js

@@ -0,0 +1,115 @@
+/**
+ * Perplexity Demo Module Configuration
+ */
+// ============= Storage Keys =============
+// ============= File Constraints =============
+// Max number of files that can be attached to a message
+const MAX_FILES = 6;
+// Max file size in bytes (15MB)
+const MAX_FILE_SIZE_BYTES = 15 * 1024 * 1024;
+// Accepted file types
+const ACCEPTED_FILE_TYPES = {
+  DOCUMENTS: ['.pdf', '.doc', '.docx', '.txt', '.md'],
+  IMAGES: ['.png', '.jpg', '.jpeg', '.gif', '.webp']
+};
+// Combined accepted file types for file input
+const ACCEPTED_FILE_TYPES_STRING = [...ACCEPTED_FILE_TYPES.DOCUMENTS, ...ACCEPTED_FILE_TYPES.IMAGES].join(',');
+// ============= LLM Configuration =============
+/**
+ * Centralized LLM Provider Configuration
+ * All API endpoints, models, and provider settings
+ */
+const LLM_CONFIG = {
+  // API Endpoints
+  ENDPOINTS: {
+    GROQ_BASE: 'https://api.groq.com/openai/v1',
+    GROQ_STT: 'https://api.groq.com/openai/v1/audio/transcriptions',
+    OPENROUTER_BASE: 'https://openrouter.ai/api/v1',
+    TOGETHER_BASE: 'https://api.together.xyz/v1'
+  },
+  // Environment Variable Keys
+  ENV_KEYS: {
+    GROQ_API_KEY: 'GROQ_API_KEY',
+    OPENROUTER_API_KEY: 'OPENROUTER_API_KEY',
+    TOGETHER_API_KEY: 'TOGETHER_API_KEY'
+  },
+  // Models
+  MODELS: {
+    // Groq Models
+    GROQ_VISION_SCOUT: {
+      id: 'meta-llama/llama-4-scout-17b-16e-instruct',
+      name: 'Meta Llama 4 Scout 17B (Vision)',
+      contextWindow: 128000,
+      supportsVision: true,
+      description: 'Vision-capable model for image and file processing'
+    },
+    GROQ_GPT_OSS: {
+      id: 'openai/gpt-oss-120B',
+      name: 'GPT OSS 120B',
+      contextWindow: 128000,
+      supportsVision: false,
+      description: 'Best quality text-only model'
+    },
+    // OpenRouter Models
+    OPENROUTER_LLAMA_8B: {
+      id: 'meta-llama/llama-3.1-8b-instruct:free',
+      name: 'Llama 3.1 8B (Free)',
+      contextWindow: 131072,
+      supportsVision: false,
+      description: 'Free tier model'
+    },
+    OPENROUTER_GEMMA_9B: {
+      id: 'google/gemma-2-9b-it:free',
+      name: 'Gemma 2 9B (Free)',
+      contextWindow: 8192,
+      supportsVision: false,
+      description: 'Free tier model'
+    },
+    OPENROUTER_MISTRAL_7B: {
+      id: 'mistralai/mistral-7b-instruct:free',
+      name: 'Mistral 7B (Free)',
+      contextWindow: 32768,
+      supportsVision: false,
+      description: 'Free tier model'
+    },
+    OPENROUTER_QWEN_7B: {
+      id: 'qwen/qwen-2-7b-instruct:free',
+      name: 'Qwen 2 7B (Free)',
+      contextWindow: 32768,
+      supportsVision: false,
+      description: 'Free tier model'
+    },
+    // Together.ai Models
+    TOGETHER_LLAMA_8B: {
+      id: 'meta-llama/Meta-Llama-3.1-8B-Instruct-Turbo',
+      name: 'Llama 3.1 8B Turbo',
+      contextWindow: 131072,
+      supportsVision: false,
+      description: 'Fast and efficient'
+    },
+    TOGETHER_LLAMA_70B: {
+      id: 'meta-llama/Meta-Llama-3.1-70B-Instruct-Turbo',
+      name: 'Llama 3.1 70B Turbo',
+      contextWindow: 131072,
+      supportsVision: false,
+      description: 'Best quality'
+    },
+    TOGETHER_MIXTRAL: {
+      id: 'mistralai/Mixtral-8x7B-Instruct-v0.1',
+      name: 'Mixtral 8x7B',
+      contextWindow: 32768,
+      supportsVision: false,
+      description: 'Good balance'
+    }
+  },
+  // Speech-to-Text Configuration
+  STT: {
+    MODEL: 'whisper-large-v3-turbo',
+    DEFAULT_LANGUAGE: 'en'
+  },
+  // Default Provider Configuration
+  DEFAULTS: {
+    PROVIDER_ID: 'groq',
+    MODEL_ID: 'openai/gpt-oss-120B' // Default to fast text model
+  }
+};export{ACCEPTED_FILE_TYPES,ACCEPTED_FILE_TYPES_STRING,LLM_CONFIG,MAX_FILES,MAX_FILE_SIZE_BYTES};//# sourceMappingURL=constants.js.map

package/lib/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/config/constants.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/config/env.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Environment variable access utilities for perplexity-demo module
+ * Provides access to build-time env variables
+ */
+/**
+ * Get environment variable from window.__ENV__ (injected at build time)
+ */
+export declare function getEnvVar(key: string): string | undefined;
+/**
+ * Get API key from environment variable
+ *
+ * @param envKey - The environment variable name (e.g., 'GROQ_API_KEY')
+ * @returns The API key or empty string if not found
+ */
+export declare function getApiKey(envKey: string): string;
+/**
+ * Check if API key is available
+ */
+export declare function hasApiKey(envKey: string): boolean;
+//# sourceMappingURL=env.d.ts.map

package/lib/config/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/config/env.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAKzD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAEjD"}

package/lib/config/env.js

@@ -0,0 +1,22 @@
+/**
+ * Environment variable access utilities for perplexity-demo module
+ * Provides access to build-time env variables
+ */
+/**
+ * Get environment variable from window.__ENV__ (injected at build time)
+ */
+function getEnvVar(key) {
+  if (typeof window !== 'undefined') {
+    return window.__ENV__?.[key];
+  }
+  return undefined;
+}
+/**
+ * Get API key from environment variable
+ *
+ * @param envKey - The environment variable name (e.g., 'GROQ_API_KEY')
+ * @returns The API key or empty string if not found
+ */
+function getApiKey(envKey) {
+  return getEnvVar(envKey) || '';
+}export{getApiKey,getEnvVar};//# sourceMappingURL=env.js.map

package/lib/config/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sources":["../../src/config/env.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AAEH;;AAEG;AACG,SAAU,SAAS,CAAC,GAAW,EAAA;AACjC,EAAA,IAAA,OAAI,MAAO,KAAM,WAAK,EAAW;AAC7B,IAAA,OAAA,cAAuB,GAAA,GAAS,CAAC;;AAErC,EAAA,OAAA;AACJ;AAEA;;;;;AAKG;AACG,SAAU,SAAS,CAAC,MAAc,EAAA;AACpC,EAAA,OAAA,gBAAiB,CAAA,IAAO,EAAI;AAChC"}

package/lib/config/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './providers';
+export * from './env';
+//# sourceMappingURL=index.d.ts.map

package/lib/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC"}

package/lib/config/providers.d.ts

@@ -0,0 +1,54 @@
+export interface LLMProvider {
+    id: string;
+    name: string;
+    baseUrl: string;
+    defaultModel: string;
+    models: LLMModel[];
+    envKey: string;
+    description?: string;
+}
+export interface LLMModel {
+    id: string;
+    name: string;
+    contextWindow?: number;
+    supportsVision?: boolean;
+    description?: string;
+}
+export interface SelectedProviderConfig {
+    providerId: string;
+    modelId: string;
+}
+export declare const DEFAULT_PROVIDERS: LLMProvider[];
+/**
+ * Get all available providers
+ */
+export declare function getAllProviders(): LLMProvider[];
+/**
+ * Get a specific provider by ID
+ */
+export declare function getProviderById(providerId: string): LLMProvider | undefined;
+/**
+ * Get the default provider configuration (Groq with vision model)
+ */
+export declare function getSelectedProviderConfig(): SelectedProviderConfig;
+/**
+ * Get the API key for a specific provider from env
+ */
+export declare function getProviderApiKey(providerId: string): string;
+/**
+ * Check if a provider has a valid API key configured
+ */
+export declare function isProviderConfigured(providerId: string): boolean;
+/**
+ * Get the default provider (Groq) with its API key from env
+ */
+export declare function getCurrentProviderWithKey(): {
+    provider: LLMProvider;
+    model: LLMModel;
+    apiKey: string;
+} | null;
+/**
+ * Get list of providers that have API keys configured in env
+ */
+export declare function getConfiguredProviders(): LLMProvider[];
+//# sourceMappingURL=providers.d.ts.map

package/lib/config/providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/config/providers.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,iBAAiB,EAAE,WAAW,EAqC1C,CAAC;AAIF;;GAEG;AACH,wBAAgB,eAAe,IAAI,WAAW,EAAE,CAE/C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAE3E;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,sBAAsB,CAMlE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAK5D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI;IACzC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAUP;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,WAAW,EAAE,CAEtD"}

package/lib/config/providers.js

@@ -0,0 +1,65 @@
+import {getApiKey}from'./env.js';import {LLM_CONFIG}from'./constants.js';// ============= Default Providers =============
+const DEFAULT_PROVIDERS = [{
+  id: 'groq',
+  name: 'Groq',
+  baseUrl: LLM_CONFIG.ENDPOINTS.GROQ_BASE,
+  defaultModel: LLM_CONFIG.DEFAULTS.MODEL_ID,
+  envKey: LLM_CONFIG.ENV_KEYS.GROQ_API_KEY,
+  description: 'Fast inference with Llama models including vision support',
+  models: [LLM_CONFIG.MODELS.GROQ_VISION_SCOUT, LLM_CONFIG.MODELS.GROQ_GPT_OSS]
+}, {
+  id: 'openrouter',
+  name: 'OpenRouter',
+  baseUrl: LLM_CONFIG.ENDPOINTS.OPENROUTER_BASE,
+  defaultModel: LLM_CONFIG.MODELS.OPENROUTER_LLAMA_8B.id,
+  envKey: LLM_CONFIG.ENV_KEYS.OPENROUTER_API_KEY,
+  description: 'Access to multiple providers with free models available',
+  models: [LLM_CONFIG.MODELS.OPENROUTER_LLAMA_8B, LLM_CONFIG.MODELS.OPENROUTER_GEMMA_9B, LLM_CONFIG.MODELS.OPENROUTER_MISTRAL_7B, LLM_CONFIG.MODELS.OPENROUTER_QWEN_7B]
+}, {
+  id: 'together',
+  name: 'Together.ai',
+  baseUrl: LLM_CONFIG.ENDPOINTS.TOGETHER_BASE,
+  defaultModel: LLM_CONFIG.MODELS.TOGETHER_LLAMA_8B.id,
+  envKey: LLM_CONFIG.ENV_KEYS.TOGETHER_API_KEY,
+  description: 'Fast inference with various open models',
+  models: [LLM_CONFIG.MODELS.TOGETHER_LLAMA_8B, LLM_CONFIG.MODELS.TOGETHER_LLAMA_70B, LLM_CONFIG.MODELS.TOGETHER_MIXTRAL]
+}];
+/**
+ * Get a specific provider by ID
+ */
+function getProviderById(providerId) {
+  return DEFAULT_PROVIDERS.find(p => p.id === providerId);
+}
+/**
+ * Get the default provider configuration (Groq with vision model)
+ */
+function getSelectedProviderConfig() {
+  // Default to Groq with llama-4-scout-17b (vision model)
+  return {
+    providerId: LLM_CONFIG.DEFAULTS.PROVIDER_ID,
+    modelId: LLM_CONFIG.DEFAULTS.MODEL_ID
+  };
+}
+/**
+ * Get the API key for a specific provider from env
+ */
+function getProviderApiKey(providerId) {
+  const provider = getProviderById(providerId);
+  if (!provider) return '';
+  return getApiKey(provider.envKey);
+}
+/**
+ * Get the default provider (Groq) with its API key from env
+ */
+function getCurrentProviderWithKey() {
+  const config = getSelectedProviderConfig();
+  const provider = getProviderById(config.providerId);
+  if (!provider) return null;
+  const apiKey = getProviderApiKey(provider.id);
+  const model = provider.models.find(m => m.id === config.modelId) || provider.models[0];
+  return {
+    provider,
+    model,
+    apiKey
+  };
+}export{DEFAULT_PROVIDERS,getCurrentProviderWithKey,getProviderApiKey,getProviderById,getSelectedProviderConfig};//# sourceMappingURL=providers.js.map

package/lib/config/providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providers.js","sources":["../../src/config/providers.ts"],"sourcesContent":[null],"names":[],"mappings":"yEA0BA;AAEO,MAAM,iBAAiB,GAAkB,CAAA;AAC5C,EAAA,EAAA,EAAA,MAAA;AACI,EAAA,IAAA,EAAA,MAAI;AACJ,EAAA,OAAA,EAAA,UAAY,CAAA,SAAA,CAAA,SAAA;AACZ,EAAA,YAAA,EAAO,UAAE,CAAU,QAAC,CAAA,QAAU;AAC9B,EAAA,MAAA,EAAA,UAAY,CAAA,QAAE,CAAA,YAAoB;AAClC,EAAA,WAAA,EAAM,2DAAkC;AACxC,EAAA,MAAA,EAAA,CAAA,UAAa,CAAA,MAAA,CAAA,iBAAA,EAAA,UAAA,CAAA,MAAA,CAAA,YAAA;AACb,CAAA,EAAA;AACH,EAAA,EAAA,EAAA,YAAA;AACD,EAAA,IAAA,EAAA,YAAA;AACI,EAAA,OAAA,YAAI,CAAA,SAAY,CAAA,eAAA;AAChB,EAAA,YAAM,EAAA,UAAY,CAAA,MAAA,CAAA,mBAAA,CAAA,EAAA;AAClB,EAAA,MAAA,EAAA,UAAS,CAAA,QAAW,CAAA,kBAAU;AAC9B,EAAA,WAAA,EAAA,yDAAsD;AACtD,EAAA,MAAA,EAAA,CAAA,UAAQ,CAAA,MAAW,CAAA,mBAAS,EAAA,UAAkB,CAAA,MAAA,CAAA,mBAAA,EAAA,UAAA,CAAA,MAAA,CAAA,qBAAA,EAAA,UAAA,CAAA,MAAA,CAAA,kBAAA;AAC9C,CAAA,EAAA;AACA,EAAA,EAAA,EAAA,UAAQ;qBACJ;qBACA,CAAU,SAAQ,CAAA,aAAA;cAClB,EAAA,UAAW,CAAA,MAAO,CAAA,iBAAqB,CAAA,EAAA;oBACvC,CAAA,QAAiB,CAAC,gBAAA;AACrB,EAAA,WAAA,EAAA,yCAAA;AACJ,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,MAAA,CAAA,iBAAA,EAAA,UAAA,CAAA,MAAA,CAAA,kBAAA,EAAA,UAAA,CAAA,MAAA,CAAA,gBAAA;AACD,CAAA;;;;AAWK,SAAA,eAAA,CAAA,UAAA,EAAA;AACJ,EAAA,OAAA,iBAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,KAAA,UAAA,CAAA;;AAGL;AAEA;;AAEG,SAAA,yBAAA,GAAA;AACH;AACI,EAAA,OAAA;AACJ,IAAC,UAAA,EAAA,UAAA,CAAA,QAAA,CAAA,WAAA;AAED,IAAA,OAAA,EAAA,UAAA,CAAA,QAAA,CAAA;;AAEG;AACH;AACI;AACJ;AAEA,SAAA,iBAAA,CAAA,UAAA,EAAA;;AAEG,EAAA,IAAA,CAAA,QAAA,EAAA,OAAA,EAAA;AACH,EAAA,gBAAgB,CAAA,QAAA,CAAA,MAAA,CAAA;;;AAUb;AACH;AACI,kCAAiC,GAAA;AACjC,EAAA,MAAI,MAAC,GAAQ,yBAAA,EAAA;AAAE,EAAA,MAAA,WAAU,eAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAEzB,EAAA,IAAA,CAAA,iBAAiB,IAAA;AACrB,EAAC,MAAA,MAAA,GAAA,iBAAA,CAAA,QAAA,CAAA,EAAA,CAAA;AAED,EAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,KAAA,MAAA,CAAA,OAAA,CAAA,IAAA,QAAA,CAAA,MAAA,CAAA,CAAA,CAAA;;AAEG,IAAA,QAAA;AACH,IAAA,KAAM;AACF,IAAA;AACJ,GAAC;AAED"}

package/lib/pages/home/HomePage.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-declare const HomePage: React.FC;
-export default HomePage;
+export default function HomePage(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HomePage.d.ts.map

package/lib/pages/home/HomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/pages/home/HomePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAMrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/pages/home/HomePage.tsx"],"names":[],"mappings":"AAgJA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAsH/B"}

package/lib/pages/home/HomePage.js

@@ -1,6 +1,234 @@
-import {jsx}from'react/jsx-runtime';import {PerplexitySearch}from'../../components/SearchBar.js';const HomePage = () => {
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMachine}from'@xstate/react';import {Trash2,Loader2,AlertCircle,RefreshCw}from'lucide-react';import {useRef,useEffect,useCallback,memo,useMemo}from'react';import {marked}from'marked';import {AttachmentPreview}from'../../components/AttachmentPreview.js';import {PerplexitySearch}from'../../components/SearchBar.js';import {chatMachine}from'../../state/chatMachine.js';import {loadChat}from'../../utils/chatStorage.js';import {cn}from'../../utils/index.js';const MessageBubble = memo(function MessageBubble({
+  role,
+  content,
+  attachments
+}) {
+  const isUser = role === 'user';
+  const hasAttachments = attachments && attachments.length > 0;
+  // Parse markdown for assistant messages (completed messages only)
+  const htmlContent = useMemo(() => {
+    if (isUser) return null;
+    return marked.parse(content, {
+      async: false
+    });
+  }, [content, isUser]);
+  return jsxs("div", {
+    className: cn('flex gap-4', isUser ? 'justify-end' : 'justify-start'),
+    children: [!isUser && jsx("div", {
+      className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold text-xs",
+      children: "AI"
+    }), jsxs("div", {
+      className: cn('rounded-2xl px-4 py-3', isUser ? 'bg-primary text-primary-foreground' : 'bg-muted'),
+      children: [hasAttachments && jsx("div", {
+        className: "flex flex-wrap gap-2 mb-2",
+        children: attachments.map(attachment => jsx(AttachmentPreview, {
+          attachment: attachment,
+          isCancellable: false,
+          showPreview: !!attachments && attachments.length === 1 && !!attachments[0].dataUrl && attachments[0].dataUrl.startsWith('data:image/')
+        }, attachment.id))
+      }), isUser ? jsx("div", {
+        className: "text-sm whitespace-pre-wrap break-words leading-relaxed",
+        children: content
+      }) : jsx("div", {
+        className: "text-sm prose prose-sm dark:prose-invert max-w-none leading-relaxed prose-p:my-2 prose-pre:my-2 prose-ul:my-2 prose-ol:my-2",
+        dangerouslySetInnerHTML: {
+          __html: htmlContent || ''
+        }
+      })]
+    }), isUser && jsx("div", {
+      className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary flex items-center justify-center text-primary-foreground font-semibold text-xs",
+      children: "You"
+    })]
+  });
+});
+// Using shared AttachmentPreview component for chats (isCancellable=false)
+const StreamingMessage = memo(function StreamingMessage({
+  content
+}) {
+  // During streaming, show plain text to avoid blocking the main thread
+  // Markdown parsing is expensive and causes UI freezes with rapid updates
+  // The final message will be parsed when it's added to the messages array
+  return jsxs("div", {
+    className: "flex gap-4 justify-start",
+    children: [jsx("div", {
+      className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold text-xs",
+      children: "AI"
+    }), jsx("div", {
+      className: "rounded-2xl px-4 py-3 bg-muted",
+      children: jsxs("div", {
+        className: "text-sm max-w-none leading-relaxed",
+        children: [jsx("div", {
+          className: "whitespace-pre-wrap break-words",
+          children: content
+        }), jsx("span", {
+          className: "inline-block w-2 h-4 bg-primary/50 ml-1 animate-pulse"
+        })]
+      })
+    })]
+  });
+});
+const LoadingIndicator = memo(function LoadingIndicator() {
+  return jsxs("div", {
+    className: "flex gap-4 justify-start",
+    children: [jsx("div", {
+      className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold text-xs",
+      children: "AI"
+    }), jsx("div", {
+      className: "rounded-2xl px-4 py-3 bg-muted",
+      children: jsxs("div", {
+        className: "flex items-center gap-2 text-sm text-muted-foreground",
+        children: [jsx(Loader2, {
+          className: "h-4 w-4 animate-spin"
+        }), jsx("span", {
+          children: "Thinking..."
+        })]
+      })
+    })]
+  });
+});
+const ErrorMessage = memo(function ErrorMessage({
+  error,
+  onRetry
+}) {
   return jsx("div", {
-    className: "flex min-h-screen flex-col items-center justify-center bg-background",
-    children: jsx(PerplexitySearch, {})
+    className: "rounded-2xl px-4 py-3 bg-destructive/10 border border-destructive/50",
+    children: jsxs("div", {
+      className: "flex items-start justify-between gap-3",
+      children: [jsxs("div", {
+        className: "flex items-start gap-2",
+        children: [jsx(AlertCircle, {
+          className: "h-5 w-5 text-destructive flex-shrink-0 mt-0.5"
+        }), jsxs("div", {
+          className: "flex-1",
+          children: [jsx("p", {
+            className: "text-sm font-medium text-destructive mb-1",
+            children: "Something went wrong"
+          }), jsx("p", {
+            className: "text-sm text-destructive/80",
+            children: error
+          })]
+        })]
+      }), jsxs("button", {
+        onClick: onRetry,
+        className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-lg border border-destructive/50 text-destructive hover:bg-destructive/10 transition-colors",
+        children: [jsx(RefreshCw, {
+          className: "h-4 w-4"
+        }), "Retry"]
+      })]
+    })
+  });
+});
+function HomePage() {
+  const [state, send] = useMachine(chatMachine);
+  const scrollRef = useRef(null);
+  const hasLoadedRef = useRef(false);
+  const {
+    messages,
+    response,
+    isStreaming,
+    error
+  } = state.context;
+  const hasMessages = messages.length > 0 || response;
+  const isLoading = state.matches('sending');
+  // Load persisted messages on mount (once)
+  useEffect(() => {
+    if (hasLoadedRef.current) return;
+    hasLoadedRef.current = true;
+    loadChat().then(storedMessages => {
+      if (storedMessages && storedMessages.length > 0) {
+        send({
+          type: 'LOAD_MESSAGES',
+          messages: storedMessages
+        });
+      }
+    });
+  }, [send]);
+  // Auto-scroll to bottom when messages update
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages, response]);
+  const handleSubmit = useCallback((query, mode, attachments) => {
+    console.log('📤 [CHAT] Submitting query:', query, 'mode:', mode, 'attachments:', attachments?.length ?? 0);
+    // Convert attachments to message format
+    const messageAttachments = attachments?.map(a => ({
+      id: a.id,
+      name: a.name,
+      // Map mime types and 'screenshot' marker to UI-level 'file'|'screenshot'
+      type: a.type === 'screenshot' ? 'screenshot' : 'file',
+      dataUrl: a.dataUrl
+    }));
+    send({
+      type: 'SEND_MESSAGE',
+      content: query,
+      attachments: messageAttachments
+    });
+  }, [send]);
+  const handleClear = useCallback(() => {
+    send({
+      type: 'CLEAR_MESSAGES'
+    });
+  }, [send]);
+  const handleRetry = useCallback(() => {
+    send({
+      type: 'RETRY'
+    });
+  }, [send]);
+  return jsxs("div", {
+    className: "flex h-screen flex-col bg-background overflow-hidden",
+    children: [hasMessages && jsx("div", {
+      className: "absolute top-4 left-4 z-10",
+      children: jsx("button", {
+        onClick: handleClear,
+        className: "p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+        title: "Clear conversation",
+        children: jsx(Trash2, {
+          className: "h-4 w-4"
+        })
+      })
+    }), !hasMessages && jsxs("div", {
+      className: "flex-1 flex flex-col items-center justify-center px-6",
+      children: [jsx("header", {
+        className: "text-center mb-8",
+        children: jsx("p", {
+          className: "text-balance text-3xl font-semibold tracking-tight text-foreground",
+          children: "perplexity"
+        })
+      }), jsx("div", {
+        className: "w-full max-w-[38rem]",
+        children: jsx(PerplexitySearch, {
+          onSubmit: handleSubmit,
+          isLoading: isLoading
+        })
+      })]
+    }), hasMessages && jsxs(Fragment, {
+      children: [jsx("div", {
+        className: "flex-1 overflow-y-auto px-6 pt-16 pb-4",
+        ref: scrollRef,
+        children: jsxs("div", {
+          className: "max-w-[46rem] mx-auto space-y-6",
+          children: [messages.map((message, index) => jsx(MessageBubble, {
+            role: message.role,
+            content: message.content,
+            attachments: message.attachments
+          }, index)), response && isLoading && jsx(StreamingMessage, {
+            content: response
+          }), isLoading && !response && jsx(LoadingIndicator, {}), state.matches('error') && error && jsx(ErrorMessage, {
+            error: error,
+            onRetry: handleRetry
+          })]
+        })
+      }), jsx("div", {
+        className: "shrink-0 bg-card px-6 py-4",
+        children: jsx("div", {
+          className: "max-w-[46rem] mx-auto",
+          children: jsx(PerplexitySearch, {
+            onSubmit: handleSubmit,
+            isLoading: isLoading
+          })
+        })
+      })]
+    })]
   });
-};export{HomePage as default};//# sourceMappingURL=HomePage.js.map
+}export{HomePage as default};//# sourceMappingURL=HomePage.js.map

package/lib/pages/home/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","sources":["../../../src/pages/home/HomePage.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iGAGA,MAAM,QAAQ,GAAa,MAAK;SAC5BA,GACI,CAAA,KAAA,EAAA;AAIR,IAAE,SAAA,EAAA,sEAAA;AAEF,IAAA,QAAA,EAAAA,oBAAwB,EAAA,EAAA;;"}
+{"version":3,"file":"HomePage.js","sources":["../../../src/pages/home/HomePage.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/platform/browser.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Browser Platform Services Implementation
+ *
+ * This module provides browser-specific implementations for storage, screenshot,
+ * and microphone functionality using Web APIs (IndexedDB, MediaDevices, etc.)
+ */
+import type { IPlatformServices, IStorageService, IScreenshotService, IMicrophoneService, PlatformInfo } from './types';
+export declare class BrowserPlatformServices implements IPlatformServices {
+    readonly platform: PlatformInfo;
+    readonly storage: IStorageService;
+    readonly screenshot: IScreenshotService;
+    readonly microphone: IMicrophoneService;
+    constructor();
+    initialize(): Promise<void>;
+    dispose(): Promise<void>;
+}
+export declare function getBrowserPlatformServices(): BrowserPlatformServices;
+//# sourceMappingURL=browser.d.ts.map

package/lib/platform/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/platform/browser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACR,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EAQf,MAAM,SAAS,CAAC;AA2UjB,qBAAa,uBAAwB,YAAW,iBAAiB;IAC7D,SAAgB,QAAQ,EAAE,YAAY,CAGpC;IAEF,SAAgB,OAAO,EAAE,eAAe,CAAC;IACzC,SAAgB,UAAU,EAAE,kBAAkB,CAAC;IAC/C,SAAgB,UAAU,EAAE,kBAAkB,CAAC;;IAQzC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAI3B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAKjC;AAKD,wBAAgB,0BAA0B,IAAI,uBAAuB,CAKpE"}