{projectThreads.length > 0 ? (
-
+
) : (
state.threads)
const [open, setOpen] = useState(false)
@@ -48,19 +48,16 @@ function ProjectContent() {
setDeleteConfirmOpen(true)
}
- const confirmDelete = () => {
- if (deletingId) {
- deleteFolder(deletingId)
- setDeleteConfirmOpen(false)
- setDeletingId(null)
- }
+ const handleDeleteClose = () => {
+ setDeleteConfirmOpen(false)
+ setDeletingId(null)
}
- const handleSave = (name: string) => {
+ const handleSave = async (name: string) => {
if (editingKey) {
- updateFolder(editingKey, name)
+ await updateFolder(editingKey, name)
} else {
- const newProject = addFolder(name)
+ const newProject = await addFolder(name)
// Navigate to the newly created project
navigate({
to: '/project/$projectId',
@@ -244,8 +241,8 @@ function ProjectContent() {
/>
diff --git a/web-app/src/services/index.ts b/web-app/src/services/index.ts
index 121742177..0bfba90e6 100644
--- a/web-app/src/services/index.ts
+++ b/web-app/src/services/index.ts
@@ -26,6 +26,7 @@ import { DefaultUpdaterService } from './updater/default'
import { DefaultPathService } from './path/default'
import { DefaultCoreService } from './core/default'
import { DefaultDeepLinkService } from './deeplink/default'
+import { DefaultProjectsService } from './projects/default'
// Import service types
import type { ThemeService } from './theme/types'
@@ -46,6 +47,7 @@ import type { UpdaterService } from './updater/types'
import type { PathService } from './path/types'
import type { CoreService } from './core/types'
import type { DeepLinkService } from './deeplink/types'
+import type { ProjectsService } from './projects/types'
export interface ServiceHub {
// Service getters - all synchronous after initialization
@@ -67,6 +69,7 @@ export interface ServiceHub {
path(): PathService
core(): CoreService
deeplink(): DeepLinkService
+ projects(): ProjectsService
}
class PlatformServiceHub implements ServiceHub {
@@ -88,6 +91,7 @@ class PlatformServiceHub implements ServiceHub {
private pathService: PathService = new DefaultPathService()
private coreService: CoreService = new DefaultCoreService()
private deepLinkService: DeepLinkService = new DefaultDeepLinkService()
+ private projectsService: ProjectsService = new DefaultProjectsService()
private initialized = false
/**
@@ -158,6 +162,7 @@ class PlatformServiceHub implements ServiceHub {
deepLinkModule,
providersModule,
mcpModule,
+ projectsModule,
] = await Promise.all([
import('./theme/web'),
import('./app/web'),
@@ -169,6 +174,7 @@ class PlatformServiceHub implements ServiceHub {
import('./deeplink/web'),
import('./providers/web'),
import('./mcp/web'),
+ import('./projects/web'),
])
this.themeService = new themeModule.WebThemeService()
@@ -181,6 +187,7 @@ class PlatformServiceHub implements ServiceHub {
this.deepLinkService = new deepLinkModule.WebDeepLinkService()
this.providersService = new providersModule.WebProvidersService()
this.mcpService = new mcpModule.WebMCPService()
+ this.projectsService = new projectsModule.WebProjectsService()
}
this.initialized = true
@@ -290,6 +297,11 @@ class PlatformServiceHub implements ServiceHub {
this.ensureInitialized()
return this.deepLinkService
}
+
+ projects(): ProjectsService {
+ this.ensureInitialized()
+ return this.projectsService
+ }
}
export async function initializeServiceHub(): Promise
{
diff --git a/web-app/src/services/projects/default.ts b/web-app/src/services/projects/default.ts
new file mode 100644
index 000000000..e570453c9
--- /dev/null
+++ b/web-app/src/services/projects/default.ts
@@ -0,0 +1,78 @@
+/**
+ * Default Projects Service - localStorage implementation
+ */
+
+import { ulid } from 'ulidx'
+import type { ProjectsService, ThreadFolder } from './types'
+import { localStorageKey } from '@/constants/localStorage'
+
+export class DefaultProjectsService implements ProjectsService {
+ private storageKey = localStorageKey.threadManagement
+
+ private loadFromStorage(): ThreadFolder[] {
+ try {
+ const stored = localStorage.getItem(this.storageKey)
+ if (!stored) return []
+ const data = JSON.parse(stored)
+ return data.state?.folders || []
+ } catch (error) {
+ console.error('Error loading projects from localStorage:', error)
+ return []
+ }
+ }
+
+ private saveToStorage(projects: ThreadFolder[]): void {
+ try {
+ const data = {
+ state: { folders: projects },
+ version: 0,
+ }
+ localStorage.setItem(this.storageKey, JSON.stringify(data))
+ } catch (error) {
+ console.error('Error saving projects to localStorage:', error)
+ }
+ }
+
+ async getProjects(): Promise {
+ return this.loadFromStorage()
+ }
+
+ async addProject(name: string): Promise {
+ const newProject: ThreadFolder = {
+ id: ulid(),
+ name,
+ updated_at: Date.now(),
+ }
+
+ const projects = this.loadFromStorage()
+ const updatedProjects = [...projects, newProject]
+ this.saveToStorage(updatedProjects)
+
+ return newProject
+ }
+
+ async updateProject(id: string, name: string): Promise {
+ const projects = this.loadFromStorage()
+ const updatedProjects = projects.map((project) =>
+ project.id === id
+ ? { ...project, name, updated_at: Date.now() }
+ : project
+ )
+ this.saveToStorage(updatedProjects)
+ }
+
+ async deleteProject(id: string): Promise {
+ const projects = this.loadFromStorage()
+ const updatedProjects = projects.filter((project) => project.id !== id)
+ this.saveToStorage(updatedProjects)
+ }
+
+ async getProjectById(id: string): Promise {
+ const projects = this.loadFromStorage()
+ return projects.find((project) => project.id === id)
+ }
+
+ async setProjects(projects: ThreadFolder[]): Promise {
+ this.saveToStorage(projects)
+ }
+}
diff --git a/web-app/src/services/projects/types.ts b/web-app/src/services/projects/types.ts
new file mode 100644
index 000000000..d4ddc83bd
--- /dev/null
+++ b/web-app/src/services/projects/types.ts
@@ -0,0 +1,42 @@
+/**
+ * Projects Service Types
+ * Types for project/folder management operations
+ */
+
+export interface ThreadFolder {
+ id: string
+ name: string
+ updated_at: number
+}
+
+export interface ProjectsService {
+ /**
+ * Get all projects/folders
+ */
+ getProjects(): Promise
+
+ /**
+ * Add a new project/folder
+ */
+ addProject(name: string): Promise
+
+ /**
+ * Update a project/folder name
+ */
+ updateProject(id: string, name: string): Promise
+
+ /**
+ * Delete a project/folder
+ */
+ deleteProject(id: string): Promise
+
+ /**
+ * Get a project/folder by ID
+ */
+ getProjectById(id: string): Promise
+
+ /**
+ * Set all projects/folders (for bulk updates)
+ */
+ setProjects(projects: ThreadFolder[]): Promise
+}
diff --git a/web-app/src/services/projects/web.ts b/web-app/src/services/projects/web.ts
new file mode 100644
index 000000000..8dbaecd99
--- /dev/null
+++ b/web-app/src/services/projects/web.ts
@@ -0,0 +1,11 @@
+/**
+ * Web Projects Service - Web implementation
+ * Currently extends default, will be customized by extension-web team later
+ */
+
+import { DefaultProjectsService } from './default'
+
+export class WebProjectsService extends DefaultProjectsService {
+ // Currently uses the same localStorage implementation as default
+ // Extension-web team can override methods here later
+}
diff --git a/web-app/src/services/threads/default.ts b/web-app/src/services/threads/default.ts
index 4c10af26f..d59c161df 100644
--- a/web-app/src/services/threads/default.ts
+++ b/web-app/src/services/threads/default.ts
@@ -71,6 +71,7 @@ export class DefaultThreadsService implements ThreadsService {
},
],
metadata: {
+ ...thread.metadata,
order: thread.order,
},
})
diff --git a/web-app/vite.config.ts b/web-app/vite.config.ts
index 70c75a008..befdaae57 100644
--- a/web-app/vite.config.ts
+++ b/web-app/vite.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig, loadEnv, Plugin } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'
@@ -7,6 +7,41 @@ import { nodePolyfills } from 'vite-plugin-node-polyfills'
import packageJson from './package.json'
const host = process.env.TAURI_DEV_HOST
+// Plugin to inject GA scripts in HTML
+function injectGoogleAnalytics(gaMeasurementId?: string): Plugin {
+ return {
+ name: 'inject-google-analytics',
+ transformIndexHtml(html) {
+ // Only inject GA scripts if GA_MEASUREMENT_ID is set
+ if (!gaMeasurementId) {
+ // Remove placeholder if no GA ID
+ return html.replace(/\s*\n?/g, '')
+ }
+
+ const gaScripts = `
+
+ `
+
+ return html.replace('', gaScripts)
+ },
+ }
+}
+
// https://vite.dev/config/
export default defineConfig(({ mode }) => {
// Load env file based on `mode` in the current working directory.
@@ -24,6 +59,7 @@ export default defineConfig(({ mode }) => {
nodePolyfills({
include: ['path'],
}),
+ injectGoogleAnalytics(env.GA_MEASUREMENT_ID),
],
resolve: {
alias: {
diff --git a/web-app/vite.config.web.ts b/web-app/vite.config.web.ts
index 0f96b2213..4db29761d 100644
--- a/web-app/vite.config.web.ts
+++ b/web-app/vite.config.web.ts
@@ -1,9 +1,46 @@
-import { defineConfig } from 'vite'
+import { defineConfig, Plugin } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'
import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
+// Plugin to inject GA scripts in HTML
+function injectGoogleAnalytics(): Plugin {
+ return {
+ name: 'inject-google-analytics',
+ transformIndexHtml(html) {
+ const gaMeasurementId = process.env.GA_MEASUREMENT_ID
+
+ // Only inject GA scripts if GA_MEASUREMENT_ID is set
+ if (!gaMeasurementId) {
+ // Remove placeholder if no GA ID
+ return html.replace(/\s*\n?/g, '')
+ }
+
+ const gaScripts = `
+
+ `
+
+ return html.replace('', gaScripts)
+ },
+ }
+}
+
export default defineConfig({
plugins: [
TanStackRouterVite({
@@ -13,6 +50,7 @@ export default defineConfig({
}),
react(),
tailwindcss(),
+ injectGoogleAnalytics(),
],
build: {
outDir: './dist-web',