@myrialabs/clopen 0.2.3 → 0.2.4

package/frontend/stores/features/settings.svelte.ts

@@ -32,7 +32,13 @@ const defaultSettings: AppSettings = {
 	soundNotifications: true,
 	pushNotifications: false,
 	layoutPresetVisibility: createDefaultPresetVisibility(),
-	fontSize: 13
+	fontSize: 13,
+	commitGenerator: {
+		useCustomModel: false,
+		engine: 'claude-code',
+		model: 'claude-code:haiku',
+		format: 'single-line'
+	}
 };
 
 // Default system settings
@@ -63,7 +69,12 @@ export function applyFontSize(size: number): void {
 export function applyServerSettings(serverSettings: Partial<AppSettings> | null): void {
 	if (serverSettings && typeof serverSettings === 'object') {
 		// Merge with defaults to ensure all properties exist
-		Object.assign(settings, { ...defaultSettings, ...serverSettings });
+		const merged = { ...defaultSettings, ...serverSettings };
+		// Deep merge nested objects so new default fields are preserved
+		if (serverSettings.commitGenerator) {
+			merged.commitGenerator = { ...defaultSettings.commitGenerator, ...serverSettings.commitGenerator };
+		}
+		Object.assign(settings, merged);
 		applyFontSize(settings.fontSize);
 		debug.log('settings', 'Applied server settings');
 	}

package/frontend/stores/ui/settings-modal.svelte.ts

@@ -6,7 +6,7 @@
 import type { IconName } from '$shared/types/ui/icons';
 
 export type SettingsSection =
-	| 'model'
+	| 'models'
 	| 'engines'
 	| 'appearance'
 	| 'notifications'
@@ -31,10 +31,10 @@ export interface SettingsSectionMeta {
 
 export const settingsSections: SettingsSectionMeta[] = [
 	{
-		id: 'model',
-		label: 'Model',
-		icon: 'lucide:cpu',
-		description: 'AI engine and model'
+		id: 'models',
+		label: 'Models',
+		icon: 'lucide:sparkles',
+		description: 'Chat and commit model'
 	},
 	{
 		id: 'appearance',
@@ -56,8 +56,8 @@ export const settingsSections: SettingsSectionMeta[] = [
 	},
 	{
 		id: 'engines',
-		label: 'AI Engine',
-		icon: 'lucide:bot',
+		label: 'Engines',
+		icon: 'lucide:plug',
 		description: 'Installation and accounts',
 		adminOnly: true
 	},
@@ -87,11 +87,11 @@ export const settingsSections: SettingsSectionMeta[] = [
 // Create the state using Svelte 5 runes
 export const settingsModalState = $state<SettingsModalState>({
 	isOpen: false,
-	activeSection: 'model'
+	activeSection: 'models'
 });
 
 // Helper functions
-export function openSettingsModal(section: SettingsSection = 'model') {
+export function openSettingsModal(section: SettingsSection = 'models') {
 	settingsModalState.isOpen = true;
 	settingsModalState.activeSection = section;
 }

package/frontend/stores/ui/update.svelte.ts

@@ -18,6 +18,9 @@ interface UpdateState {
 	errorType: 'check' | 'update' | null;
 	updateOutput: string | null;
 	updateSuccess: boolean;
+	pendingRestart: boolean;
+	pendingVersions: { from: string; to: string } | null;
+	showRestartModal: boolean;
 }
 
 export const updateState = $state<UpdateState>({
@@ -30,7 +33,10 @@ export const updateState = $state<UpdateState>({
 	error: null,
 	errorType: null,
 	updateOutput: null,
-	updateSuccess: false
+	updateSuccess: false,
+	pendingRestart: false,
+	pendingVersions: null,
+	showRestartModal: false
 });
 
 let checkInterval: ReturnType<typeof setInterval> | null = null;
@@ -49,8 +55,17 @@ export async function checkForUpdate(): Promise<void> {
 		updateState.latestVersion = result.latestVersion;
 		updateState.updateAvailable = result.updateAvailable;
 
-		// Auto-update if enabled and update is available
-		if (result.updateAvailable && systemSettings.autoUpdate) {
+		// Restore pending restart state from backend (survives page refresh)
+		if (result.pendingRestart && result.pendingUpdate) {
+			updateState.pendingRestart = true;
+			updateState.pendingVersions = { from: result.pendingUpdate.fromVersion, to: result.pendingUpdate.toVersion };
+			updateState.updateSuccess = true;
+			updateState.latestVersion = result.pendingUpdate.toVersion;
+			updateState.showRestartModal = true;
+		}
+
+		// Auto-update if enabled and update is available (skip if already pending restart)
+		if (result.updateAvailable && systemSettings.autoUpdate && !result.pendingRestart) {
 			debug.log('server', 'Auto-update enabled, starting update...');
 			await runUpdate();
 		}
@@ -77,7 +92,10 @@ export async function runUpdate(): Promise<void> {
 		updateState.updateOutput = result.output;
 		updateState.updateSuccess = true;
 		updateState.updateAvailable = false;
+		updateState.pendingRestart = true;
+		updateState.pendingVersions = { from: updateState.currentVersion, to: result.newVersion };
 		updateState.latestVersion = result.newVersion;
+		updateState.showRestartModal = true;
 
 		debug.log('server', 'Update completed successfully');
 	} catch (err) {
@@ -89,11 +107,34 @@ export async function runUpdate(): Promise<void> {
 	}
 }
 
-/** Dismiss the update banner */
+/** Dismiss the update banner (not allowed when restart is pending) */
 export function dismissUpdate(): void {
+	if (updateState.pendingRestart) return;
 	updateState.dismissed = true;
 }
 
+/** Show the restart instructions modal */
+export function showRestartModal(): void {
+	updateState.showRestartModal = true;
+}
+
+/** Hide the restart instructions modal */
+export function hideRestartModal(): void {
+	updateState.showRestartModal = false;
+}
+
+// Listen for update-completed broadcast (notifies other tabs/clients)
+ws.on('system:update-completed', (payload) => {
+	debug.log('server', 'Update completed broadcast received');
+	updateState.updateSuccess = true;
+	updateState.updateAvailable = false;
+	updateState.pendingRestart = true;
+	updateState.pendingVersions = { from: payload.fromVersion, to: payload.toVersion };
+	updateState.latestVersion = payload.toVersion;
+	updateState.showRestartModal = true;
+	updateState.dismissed = false;
+});
+
 /** Start periodic update checks (every 30 minutes) */
 export function startUpdateChecker(): void {
 	// Initial check after 5 seconds (let the app settle)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrialabs/clopen",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "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",

package/shared/types/git.ts

@@ -169,3 +169,18 @@ export interface GitTag {
 	date: string;
 	isAnnotated: boolean;
 }
+
+// ============================================
+// Commit Message Generation
+// ============================================
+
+/** Format for AI-generated commit messages */
+export type CommitMessageFormat = 'single-line' | 'multi-line';
+
+/** Structured commit message output from AI */
+export interface GeneratedCommitMessage {
+	type: string;
+	scope: string;
+	subject: string;
+	body: string;
+}

package/shared/types/stores/settings.ts

@@ -1,4 +1,14 @@
 import type { EngineType } from '$shared/types/engine';
+import type { CommitMessageFormat } from '$shared/types/git';
+
+/** AI commit message generator settings */
+export interface CommitGeneratorSettings {
+	/** When false, uses the chat model (selectedEngine/selectedModel). When true, uses custom engine/model below. */
+	useCustomModel: boolean;
+	engine: EngineType;
+	model: string;
+	format: CommitMessageFormat;
+}
 
 /** Per-user settings (stored per user) */
 export interface AppSettings {
@@ -13,6 +23,8 @@ export interface AppSettings {
 	layoutPresetVisibility: Record<string, boolean>;
 	/** Base font size in pixels (10–20). Default: 13. */
 	fontSize: number;
+	/** AI commit message generator configuration */
+	commitGenerator: CommitGeneratorSettings;
 }
 
 /** Authentication mode */