@myrialabs/clopen 0.2.1 → 0.2.3

package/frontend/{lib/services → services}/terminal/project.service.ts

@@ -5,7 +5,7 @@
 
 import { terminalSessionManager, type TerminalSessionState } from './session.service';
 import { terminalPersistenceManager } from './persistence.service';
-import { terminalStore } from '$frontend/lib/stores/features/terminal.svelte';
+import { terminalStore } from '$frontend/stores/features/terminal.svelte';
 import type { TerminalSession } from '$shared/types/terminal';
 import { terminalService } from './terminal.service';
 import { debug } from '$shared/utils/logger';
@@ -790,7 +790,7 @@ class TerminalProjectManager {
 	 * see the tab list update automatically.
 	 */
 	private setupCollaborativeListeners(): void {
-		import('$frontend/lib/utils/ws').then(({ default: ws }) => {
+		import('$frontend/utils/ws').then(({ default: ws }) => {
 			// Listen for terminal tab created by another user
 			ws.on('terminal:tab-created', (data: {
 				sessionId: string;

package/frontend/{lib/services → services}/terminal/terminal.service.ts

@@ -7,7 +7,7 @@
 import type { TerminalLine, TerminalSession, TerminalCommand } from '$shared/types/terminal';
 import { terminalSessionManager, type TerminalSessionState } from './session.service';
 import { backgroundTerminalService } from './background';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
 
 export interface TerminalConnectOptions {
@@ -66,7 +66,7 @@ export class TerminalService {
 		let outputStartIndex = 0;
 		if (typeof window !== 'undefined') {
 			try {
-				const terminalStoreModule = await import('$frontend/lib/stores/features/terminal.svelte');
+				const terminalStoreModule = await import('$frontend/stores/features/terminal.svelte');
 				const termSession = terminalStoreModule.terminalStore.getSession(sessionId);
 				if (termSession && termSession.lines) {
 					outputStartIndex = termSession.lines.length;

package/frontend/{lib/stores → stores}/core/app.svelte.ts

@@ -1,4 +1,4 @@
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
 
 /**

package/frontend/{lib/stores → stores}/core/presence.svelte.ts

@@ -7,10 +7,10 @@
  * read from one place (merges backend presence + frontend app state).
  */
 
-import { projectStatusService, type ProjectStatus } from '$frontend/lib/services/project/status.service';
-import { userStore } from '$frontend/lib/stores/features/user.svelte';
-import { appState, markSessionUnread, hasUnreadSessionsForProject } from '$frontend/lib/stores/core/app.svelte';
-import { sessionState } from '$frontend/lib/stores/core/sessions.svelte';
+import { projectStatusService, type ProjectStatus } from '$frontend/services/project/status.service';
+import { userStore } from '$frontend/stores/features/user.svelte';
+import { appState, markSessionUnread, hasUnreadSessionsForProject } from '$frontend/stores/core/app.svelte';
+import { sessionState } from '$frontend/stores/core/sessions.svelte';
 
 // Shared reactive state
 export const presenceState = $state<{

package/frontend/{lib/stores → stores}/core/projects.svelte.ts

@@ -6,7 +6,7 @@
  * No localStorage usage - server is single source of truth
  */
 
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import type { Project } from '$shared/types/database/schema';
 
 import { debug } from '$shared/utils/logger';
@@ -64,8 +64,8 @@ export async function setCurrentProject(project: Project | null) {
 	if (typeof window !== 'undefined') {
 		try {
 			// Import services dynamically to avoid circular dependency
-			const { projectStatusService } = await import('$frontend/lib/services/project');
-			const { terminalProjectManager } = await import('$frontend/lib/services/terminal');
+			const { projectStatusService } = await import('$frontend/services/project');
+			const { terminalProjectManager } = await import('$frontend/services/terminal');
 
 			// Stop tracking previous project if switching
 			if (currentProjectId && currentProjectId !== newProjectId) {
@@ -95,7 +95,7 @@ export async function setCurrentProject(project: Project | null) {
 		}
 
 		// Clear edit mode state from previous project (server retains per-project state)
-		const { onProjectLeave, onProjectEnter } = await import('$frontend/lib/stores/ui/edit-mode.svelte');
+		const { onProjectLeave, onProjectEnter } = await import('$frontend/stores/ui/edit-mode.svelte');
 		onProjectLeave();
 
 		// Clear current session when switching projects
@@ -250,7 +250,7 @@ export async function loadProjects(restoreProjectId?: string | null) {
 					// Start tracking the restored project
 					if (typeof window !== 'undefined') {
 						try {
-							const { projectStatusService } = await import('$frontend/lib/services/project');
+							const { projectStatusService } = await import('$frontend/services/project');
 							await projectStatusService.startTracking(existingProject.id);
 						} catch (error) {
 							debug.error('project', 'Error starting tracking for restored project:', error);

package/frontend/{lib/stores → stores}/core/sessions.svelte.ts

@@ -10,10 +10,10 @@
 import type { ChatSession, SDKMessageFormatter } from '$shared/types/database/schema';
 import type { SDKMessage } from '$shared/types/messaging';
 import { buildMetadataFromTransport } from '$shared/utils/message-formatter';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { projectState } from './projects.svelte';
-import { setupEditModeListener, restoreEditMode } from '$frontend/lib/stores/ui/edit-mode.svelte';
-import { markSessionUnread, markSessionRead, appState } from '$frontend/lib/stores/core/app.svelte';
+import { setupEditModeListener, restoreEditMode } from '$frontend/stores/ui/edit-mode.svelte';
+import { markSessionUnread, markSessionRead, appState } from '$frontend/stores/core/app.svelte';
 import { debug } from '$shared/utils/logger';
 
 interface SessionState {

package/frontend/{lib/stores → stores}/features/auth.svelte.ts

@@ -7,7 +7,7 @@
  * Supports no-auth mode (single user, no login required).
  */
 
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
 import type { AuthMode } from '$shared/types/stores/settings';
 
@@ -187,6 +187,34 @@ export const authStore = {
 		debug.log('auth', `No-auth setup complete: ${result.user.name}`);
 	},
 
+	/**
+	 * Switch to with-auth mode mid-wizard (e.g. user changed selection after refresh).
+	 * Regenerates PAT for the existing no-auth admin and updates authMode setting.
+	 */
+	async switchToWithAuth() {
+		const { loadSystemSettings, updateSystemSettings } = await import('$frontend/stores/features/settings.svelte');
+		await loadSystemSettings();
+		await updateSystemSettings({ authMode: 'required' });
+
+		const result = await ws.http('auth:regenerate-pat', {});
+		personalAccessToken = result.personalAccessToken;
+		authMode = 'required';
+		debug.log('auth', 'Switched to with-auth mode, PAT regenerated');
+	},
+
+	/**
+	 * Switch to no-auth mode mid-wizard (e.g. user changed selection after refresh).
+	 * Only updates the authMode setting; existing user remains unchanged.
+	 */
+	async switchToNoAuth() {
+		const { loadSystemSettings, updateSystemSettings } = await import('$frontend/stores/features/settings.svelte');
+		await loadSystemSettings();
+		await updateSystemSettings({ authMode: 'none' });
+
+		authMode = 'none';
+		debug.log('auth', 'Switched to no-auth mode');
+	},
+
 	/**
 	 * Complete setup — transition to ready state after wizard is done.
 	 * Saves onboardingComplete flag so wizard won't show again.
@@ -196,7 +224,7 @@ export const authStore = {
 
 		// Save onboardingComplete to system settings
 		try {
-			const { loadSystemSettings, updateSystemSettings } = await import('$frontend/lib/stores/features/settings.svelte');
+			const { loadSystemSettings, updateSystemSettings } = await import('$frontend/stores/features/settings.svelte');
 			await loadSystemSettings();
 			await updateSystemSettings({ onboardingComplete: true });
 		} catch {

package/frontend/{lib/stores → stores}/features/claude-accounts.svelte.ts

@@ -6,7 +6,7 @@
  * Fetches from backend via `engine:claude-accounts-list`.
  */
 
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
 
 export interface ClaudeAccountItem {

package/frontend/{lib/stores → stores}/features/models.svelte.ts

@@ -8,7 +8,7 @@
 
 import { CLAUDE_CODE_MODELS, registerModels } from '$shared/constants/engines';
 import type { EngineModel, EngineType } from '$shared/types/engine';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 
 import { debug } from '$shared/utils/logger';
 

package/frontend/{lib/stores → stores}/features/settings.svelte.ts

@@ -8,8 +8,8 @@
 
 import { DEFAULT_MODEL, DEFAULT_ENGINE } from '$shared/constants/engines';
 import type { AppSettings, SystemSettings } from '$shared/types/stores/settings';
-import { builtInPresets } from '$frontend/lib/stores/ui/workspace.svelte';
-import ws from '$frontend/lib/utils/ws';
+import { builtInPresets } from '$frontend/stores/ui/workspace.svelte';
+import ws from '$frontend/utils/ws';
 
 import { debug } from '$shared/utils/logger';
 

package/frontend/{lib/stores → stores}/features/terminal.svelte.ts

@@ -4,7 +4,7 @@
  */
 
 import type { TerminalSession, TerminalLine, TerminalCommand } from '$shared/types/terminal';
-import { terminalService, type StreamingResponse } from '$frontend/lib/services/terminal';
+import { terminalService, type StreamingResponse } from '$frontend/services/terminal';
 import { addNotification } from '../ui/notification.svelte';
 
 import { debug } from '$shared/utils/logger';
@@ -195,7 +195,7 @@ export const terminalStore = {
 		// Clear persistence data for this session
 		debug.log('terminal', `🔴 [closeSession] Clearing persistence data...`);
 		try {
-			const { terminalPersistenceManager } = await import('$frontend/lib/services/terminal/persistence.service');
+			const { terminalPersistenceManager } = await import('$frontend/services/terminal/persistence.service');
 			// Remove entire session from persistence (not just stream info)
 			terminalPersistenceManager.removeSession(sessionId);
 			debug.log('terminal', `🔴 [closeSession] Persistence data cleared`);
@@ -207,7 +207,7 @@ export const terminalStore = {
 		// This prevents session from being recreated on browser refresh
 		debug.log('terminal', `🔴 [closeSession] Removing from project context...`);
 		try {
-			const { terminalProjectManager } = await import('$frontend/lib/services/terminal/project.service');
+			const { terminalProjectManager } = await import('$frontend/services/terminal/project.service');
 			terminalProjectManager.removeSessionFromContext(sessionId);
 			debug.log('terminal', `🔴 [closeSession] Removed from project context`);
 		} catch (error) {
@@ -710,7 +710,7 @@ export const terminalStore = {
 		terminalState.lineBuffers.clear();
 
 		// Clear terminal persistence data (in-memory)
-		import('$frontend/lib/services/terminal/persistence.service').then(({ terminalPersistenceManager }) => {
+		import('$frontend/services/terminal/persistence.service').then(({ terminalPersistenceManager }) => {
 			terminalPersistenceManager.clearAll();
 		});
 	}

package/frontend/{lib/stores → stores}/features/tunnel.svelte.ts

@@ -4,7 +4,7 @@
  */
 
 import { debug } from '$shared/utils/logger';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 
 type TunnelProgress =
 	| { stage: 'idle' }

package/frontend/{lib/stores → stores}/features/user.svelte.ts

@@ -7,7 +7,7 @@
 
 import { authStore } from './auth.svelte';
 import { debug } from '$shared/utils/logger';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 
 // Re-export user type from auth store
 export type { AuthUser as AnonymousUser } from './auth.svelte';

package/frontend/{lib/stores → stores}/ui/edit-mode.svelte.ts

@@ -4,9 +4,9 @@
  * Server is single source of truth - no client storage
  */
 
-import ws from '$frontend/lib/utils/ws';
-import { userStore } from '$frontend/lib/stores/features/user.svelte';
-import { sessionState } from '$frontend/lib/stores/core/sessions.svelte';
+import ws from '$frontend/utils/ws';
+import { userStore } from '$frontend/stores/features/user.svelte';
+import { sessionState } from '$frontend/stores/core/sessions.svelte';
 import { debug } from '$shared/utils/logger';
 
 export interface EditAttachment {

package/frontend/{lib/stores → stores}/ui/update.svelte.ts

@@ -3,8 +3,8 @@
  * Tracks npm package update availability and auto-update state
  */
 
-import ws from '$frontend/lib/utils/ws';
-import { systemSettings } from '$frontend/lib/stores/features/settings.svelte';
+import ws from '$frontend/utils/ws';
+import { systemSettings } from '$frontend/stores/features/settings.svelte';
 import { debug } from '$shared/utils/logger';
 
 interface UpdateState {
@@ -15,6 +15,7 @@ interface UpdateState {
 	updating: boolean;
 	dismissed: boolean;
 	error: string | null;
+	errorType: 'check' | 'update' | null;
 	updateOutput: string | null;
 	updateSuccess: boolean;
 }
@@ -27,6 +28,7 @@ export const updateState = $state<UpdateState>({
 	updating: false,
 	dismissed: false,
 	error: null,
+	errorType: null,
 	updateOutput: null,
 	updateSuccess: false
 });
@@ -39,6 +41,7 @@ export async function checkForUpdate(): Promise<void> {
 
 	updateState.checking = true;
 	updateState.error = null;
+	updateState.errorType = null;
 
 	try {
 		const result = await ws.http('system:check-update', {});
@@ -53,6 +56,7 @@ export async function checkForUpdate(): Promise<void> {
 		}
 	} catch (err) {
 		updateState.error = err instanceof Error ? err.message : 'Failed to check for updates';
+		updateState.errorType = 'check';
 		debug.error('server', 'Update check failed:', err);
 	} finally {
 		updateState.checking = false;
@@ -65,6 +69,7 @@ export async function runUpdate(): Promise<void> {
 
 	updateState.updating = true;
 	updateState.error = null;
+	updateState.errorType = null;
 	updateState.updateOutput = null;
 
 	try {
@@ -77,6 +82,7 @@ export async function runUpdate(): Promise<void> {
 		debug.log('server', 'Update completed successfully');
 	} catch (err) {
 		updateState.error = err instanceof Error ? err.message : 'Update failed';
+		updateState.errorType = 'update';
 		debug.error('server', 'Update failed:', err);
 	} finally {
 		updateState.updating = false;

package/frontend/{lib/utils → utils}/theme.ts

@@ -3,4 +3,4 @@
  * Re-exports theme functions from the store for convenience
  */
 
-export { initializeTheme, setTheme, toggleDarkMode, isDarkMode, currentTheme } from '$frontend/lib/stores/ui/theme.svelte';
+export { initializeTheme, setTheme, toggleDarkMode, isDarkMode, currentTheme } from '$frontend/stores/ui/theme.svelte';

package/frontend/{lib/utils → utils}/ws.ts

@@ -6,7 +6,7 @@
 
 import { WSClient } from '$shared/utils/ws-client';
 import type { WSAPI } from '$backend/ws';
-import { setConnectionStatus } from '$frontend/lib/stores/ui/connection.svelte';
+import { setConnectionStatus } from '$frontend/stores/ui/connection.svelte';
 
 /**
  * Get WebSocket URL based on environment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrialabs/clopen",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "All-in-one web workspace for Claude Code & OpenCode — chat, terminal, git, browser preview, checkpoints, and real-time collaboration",
   "author": "Myria Labs",
   "license": "MIT",
@@ -49,7 +49,7 @@
     "dev:backend": "bun --watch backend/index.ts",
     "dev:frontend": "bunx vite dev",
     "build": "vite build",
-    "start": "NODE_ENV=production bun backend/index.ts",
+    "start": "bun scripts/start.ts",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",

package/scripts/dev.ts

@@ -7,10 +7,10 @@
  */
 
 import concurrently from 'concurrently';
-import { findAvailablePort } from '../backend/lib/shared/port-utils';
+import { findAvailablePort } from '../backend/utils/port-utils';
 
-const desiredBackend = process.env.PORT_BACKEND ? parseInt(process.env.PORT_BACKEND) : 9151;
-const desiredFrontend = process.env.PORT_FRONTEND ? parseInt(process.env.PORT_FRONTEND) : 9141;
+const desiredBackend = process.env.PORT_BACKEND ? parseInt(process.env.PORT_BACKEND) : 9161;
+const desiredFrontend = process.env.PORT_FRONTEND ? parseInt(process.env.PORT_FRONTEND) : 9151;
 
 // Resolve available ports
 const backendPort = await findAvailablePort(desiredBackend);
@@ -33,6 +33,7 @@ console.log(`Frontend: http://localhost:${frontendPort}`);
 console.log();
 
 const portEnv = {
+	NODE_ENV: 'development',
 	PORT_BACKEND: String(backendPort),
 	PORT_FRONTEND: String(frontendPort),
 };

package/scripts/generate-icons.ts

@@ -36,7 +36,7 @@ export type LucideIconName = keyof typeof lucideIconRegistry;
 `;
 	
 	// Write the file using Bun.write
-	await Bun.write('src/lib/components/common/lucide-icons.ts', lucideIconsContent);
+	await Bun.write('src/components/common/lucide-icons.ts', lucideIconsContent);
 	console.log(`Generated lucide-icons.ts with ${iconNames.length} icons`);
 }
 
@@ -75,7 +75,7 @@ export type MaterialIconName = keyof typeof materialIconRegistry;
 `;
 	
 	// Write the file using Bun.write
-	await Bun.write('src/lib/components/common/material-icons.ts', materialIconsContent);
+	await Bun.write('src/components/common/material-icons.ts', materialIconsContent);
 	console.log(`Generated material-icons.ts with ${iconNames.length} icons`);
 }
 

package/scripts/start.ts

@@ -0,0 +1,24 @@
+#!/usr/bin/env bun
+
+/**
+ * Production start script — resolves available port before starting backend.
+ * Mirrors scripts/dev.ts: ensures port is truly available (IPv4 + IPv6)
+ * before the backend binds, avoiding silent hangs from zombie processes.
+ */
+
+import { findAvailablePort } from '../backend/utils/port-utils';
+
+const desiredPort = process.env.PORT ? parseInt(process.env.PORT) : 9141;
+
+const port = await findAvailablePort(desiredPort);
+
+if (port !== desiredPort) {
+	console.log(`⚠️ Port ${desiredPort} in use, using ${port}`);
+}
+
+// Set resolved values before importing backend (env.ts reads at import time)
+process.env.PORT = String(port);
+process.env.HOST = process.env.HOST || 'localhost';
+process.env.NODE_ENV = 'production';
+
+await import('../backend/index.ts');

package/shared/types/ui/icons.ts

@@ -3,12 +3,12 @@
  */
 
 // Icon types for type safety
-import type { lucideIconRegistry } from '$frontend/lib/components/common/lucide-icons';
-import type { materialIconRegistry } from '$frontend/lib/components/common/material-icons';
+import type { lucideIconRegistry } from '$frontend/components/common/lucide-icons';
+import type { materialIconRegistry } from '$frontend/components/common/material-icons';
 
 // Individual icon type exports from auto-generated files
-export type { LucideIconName } from '$frontend/lib/components/common/lucide-icons';
-export type { MaterialIconName } from '$frontend/lib/components/common/material-icons';
+export type { LucideIconName } from '$frontend/components/common/lucide-icons';
+export type { MaterialIconName } from '$frontend/components/common/material-icons';
 
 // Combined icon registry type
 const iconRegistry = {

package/shared/utils/anonymous-user.ts

@@ -10,7 +10,7 @@ import { debug } from '$shared/utils/logger';
 let wsClient: any = null;
 async function getWS() {
 	if (!wsClient && typeof window !== 'undefined') {
-		const module = await import('$frontend/lib/utils/ws');
+		const module = await import('$frontend/utils/ws');
 		wsClient = module.default;
 	}
 	return wsClient;

package/shared/utils/ws-server.ts

@@ -312,7 +312,7 @@ export class WSRouter<
 			}),
 			handler: async ({ conn, data }) => {
 				// Import ws server to update context
-				const { ws: wsServer } = await import('$backend/lib/utils/ws');
+				const { ws: wsServer } = await import('$backend/utils/ws');
 
 				// userId is set exclusively by auth handlers (auth:login, auth:setup, auth:accept-invite)
 				// ws:set-context only handles projectId
@@ -657,7 +657,7 @@ export class WSRouter<
 
 					// Register connection with ws singleton
 					try {
-						const { ws: wsServer } = await import('$backend/lib/utils/ws');
+						const { ws: wsServer } = await import('$backend/utils/ws');
 						wsServer.register(conn);
 					} catch (err) {
 						debug.error('websocket', 'Failed to register connection:', err);
@@ -669,7 +669,7 @@ export class WSRouter<
 					// Unregister connection from ws singleton
 					// All registered cleanups are called automatically by unregister()
 					try {
-						const { ws: wsServer } = await import('$backend/lib/utils/ws');
+						const { ws: wsServer } = await import('$backend/utils/ws');
 						wsServer.unregister(conn);
 					} catch (err) {
 						debug.error('websocket', 'Failed to unregister connection:', err);

package/vite.config.ts

@@ -3,8 +3,8 @@ import { defineConfig } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
 import { resolve } from 'path';
 
-const frontendPort = parseInt(process.env.PORT_FRONTEND || '9141');
-const backendPort = parseInt(process.env.PORT_BACKEND || '9151');
+const frontendPort = parseInt(process.env.PORT_FRONTEND || '9151');
+const backendPort = parseInt(process.env.PORT_BACKEND || '9161');
 
 export default defineConfig({
 	plugins: [tailwindcss(), svelte()],