npm - @myrialabs/clopen - Versions diffs - 0.2.1 → 0.2.2 - Mend

@myrialabs/clopen 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (413) hide show

package/frontend/{lib/components/common → components/common/form}/ModelSelector.svelte RENAMED Viewed

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { DEFAULT_MODEL } from '$shared/constants/engines';
 	import type { EngineModel } from '$shared/types/engine';
-	import { settings } from '$frontend/lib/stores/features/settings.svelte';
-	import { modelStore } from '$frontend/lib/stores/features/models.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import { settings } from '$frontend/stores/features/settings.svelte';
+	import { modelStore } from '$frontend/stores/features/models.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	let {
 		value = $bindable(DEFAULT_MODEL),

package/frontend/{lib/components/common → components/common/form}/Select.svelte RENAMED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { SelectProps } from '$shared/types/ui/components';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	let {
 		value = $bindable(''),

package/frontend/{lib/components/common → components/common/form}/Textarea.svelte RENAMED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { TextareaProps } from '$shared/types/ui/components';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	let {
 		value = $bindable(''),

package/frontend/{lib/components/common → components/common/overlay}/Dialog.svelte RENAMED Viewed

@@ -2,7 +2,7 @@
 	import { onMount } from 'svelte';
 	import { fade, scale } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
-	import Icon from './Icon.svelte';
+	import Icon from '../display/Icon.svelte';
 	import type { IconName } from '$shared/types/ui/icons';
 	interface Props {

package/frontend/{lib/components/common → components/common/overlay}/Lightbox.svelte RENAMED Viewed

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { fade, scale } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { formatFileSize } from '$frontend/lib/components/chat/shared/utils';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { formatFileSize } from '$frontend/components/chat/shared/utils';
 	import { debug } from '$shared/utils/logger';
 	interface Props {

package/frontend/{lib/components/common → components/common/overlay}/ModalProvider.svelte RENAMED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Alert from './Alert.svelte';
+	import Alert from '../feedback/Alert.svelte';
 	import Dialog from './Dialog.svelte';
-	import { dialogStore, closeAlert, closeConfirm } from '$frontend/lib/stores/ui/dialog.svelte';
+	import { dialogStore, closeAlert, closeConfirm } from '$frontend/stores/ui/dialog.svelte';
 	const alertState = $derived(dialogStore.alert);
 	const confirmState = $derived(dialogStore.confirm);

package/frontend/{lib/components → components}/common/xterm/XTerm.svelte RENAMED Viewed

@@ -4,14 +4,14 @@
 -->
 <script lang="ts">
 	import { onMount, onDestroy } from 'svelte';
-	import { browser } from '$frontend/lib/app-environment';
+	import { browser } from '$frontend/app-environment';
 	import type { TerminalSession } from '$shared/types/terminal';
 	import { XTermService } from './xterm-service';
 	import type { XTermProps, XTermMethods } from './types';
-	import { terminalStore } from '$frontend/lib/stores/features/terminal.svelte';
-	import { backgroundTerminalService } from '$frontend/lib/services/terminal/background';
-	import { terminalService } from '$frontend/lib/services/terminal';
-	import { settings } from '$frontend/lib/stores/features/settings.svelte';
+	import { terminalStore } from '$frontend/stores/features/terminal.svelte';
+	import { backgroundTerminalService } from '$frontend/services/terminal/background';
+	import { terminalService } from '$frontend/services/terminal';
+	import { settings } from '$frontend/stores/features/settings.svelte';
 	// Import CSS directly - Vite will handle it properly
 	import '@xterm/xterm/css/xterm.css';

package/frontend/{lib/components → components}/common/xterm/xterm-service.ts RENAMED Viewed

@@ -5,7 +5,7 @@
  * No command parsing, no prompt handling - everything handled by shell
  */
-import { browser } from '$frontend/lib/app-environment';
+import { browser } from '$frontend/app-environment';
 import type { Terminal } from '@xterm/xterm';
 import type { FitAddon } from '@xterm/addon-fit';
 import type { WebLinksAddon } from '@xterm/addon-web-links';
@@ -15,7 +15,7 @@ import type { LigaturesAddon } from '@xterm/addon-ligatures';
 import type { TerminalLine } from '$shared/types/terminal';
 import { terminalConfig } from './terminal-config';
 import { debug } from '$shared/utils/logger';
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 export class XTermService {
 	public terminal: Terminal | null = null;

package/frontend/{lib/components → components}/files/FileNode.svelte RENAMED Viewed

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type { FileNode as FileNodeType } from '$shared/types/filesystem';
 	import FileNode from './FileNode.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import type { IconName } from '$shared/types/ui/icons';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { getFolderIcon } from '$frontend/lib/utils/folder-icon-mappings';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { getFolderIcon } from '$frontend/utils/folder-icon-mappings';
 	import { onMount } from 'svelte';
 	const {

package/frontend/{lib/components → components}/files/FileTree.svelte RENAMED Viewed

@@ -4,14 +4,14 @@
 </script>
 <script lang="ts">
-	import { projectState } from '$frontend/lib/stores/core/projects.svelte';
+	import { projectState } from '$frontend/stores/core/projects.svelte';
 	import type { FileNode as FileNodeType } from '$shared/types/filesystem';
 	import FileNode from './FileNode.svelte';
 	import SearchResults from './SearchResults.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import ws from '$frontend/lib/utils/ws';
-	import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
-	import { showConfirm } from '$frontend/lib/stores/ui/dialog.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import ws from '$frontend/utils/ws';
+	import { addNotification } from '$frontend/stores/ui/notification.svelte';
+	import { showConfirm } from '$frontend/stores/ui/dialog.svelte';
 	import { normalizePath } from '$shared/utils/path';
 	import { onDestroy } from 'svelte';

package/frontend/{lib/components → components}/files/FileViewer.svelte RENAMED Viewed

@@ -1,16 +1,16 @@
 <script lang="ts">
 	import type { FileNode } from '$shared/types/filesystem';
-	import LoadingSpinner from '../common/LoadingSpinner.svelte';
-	import MonacoEditor from '../common/MonacoEditor.svelte';
-	import { themeStore } from '$frontend/lib/stores/ui/theme.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { getFolderIcon } from '$frontend/lib/utils/folder-icon-mappings';
+	import LoadingSpinner from '../common/feedback/LoadingSpinner.svelte';
+	import MonacoEditor from '../common/editor/MonacoEditor.svelte';
+	import { themeStore } from '$frontend/stores/ui/theme.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { getFolderIcon } from '$frontend/utils/folder-icon-mappings';
 	import { onMount, onDestroy } from 'svelte';
 	import type { IconName } from '$shared/types/ui/icons';
 	import type { editor } from 'monaco-editor';
 	import { debug } from '$shared/utils/logger';
-	import ws from '$frontend/lib/utils/ws';
+	import ws from '$frontend/utils/ws';
 	// Interface untuk MonacoEditor component
 	interface MonacoEditorComponent {

package/frontend/{lib/components → components}/files/SearchResults.svelte RENAMED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { getFolderIcon } from '$frontend/lib/utils/folder-icon-mappings';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { getFolderIcon } from '$frontend/utils/folder-icon-mappings';
 	import { normalizePath } from '$shared/utils/path';
 	import type { IconName } from '$shared/types/ui/icons';

package/frontend/{lib/components → components}/git/BranchManager.svelte RENAMED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import Modal from '$frontend/lib/components/common/Modal.svelte';
-	import Dialog from '$frontend/lib/components/common/Dialog.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import Modal from '$frontend/components/common/overlay/Modal.svelte';
+	import Dialog from '$frontend/components/common/overlay/Dialog.svelte';
 	import type { GitBranchInfo, GitRemote } from '$shared/types/git';
-	import { projectState } from '$frontend/lib/stores/core/projects.svelte';
-	import { showError, showInfo } from '$frontend/lib/stores/ui/notification.svelte';
+	import { projectState } from '$frontend/stores/core/projects.svelte';
+	import { showError, showInfo } from '$frontend/stores/ui/notification.svelte';
 	import { debug } from '$shared/utils/logger';
-	import ws from '$frontend/lib/utils/ws';
+	import ws from '$frontend/utils/ws';
 	interface Props {
 		isOpen: boolean;

package/frontend/{lib/components → components}/git/ChangesSection.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import FileChangeItem from './FileChangeItem.svelte';
 	import type { GitFileChange } from '$shared/types/git';
 	import type { IconName } from '$shared/types/ui/icons';

package/frontend/{lib/components → components}/git/CommitForm.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	interface Props {
 		stagedCount: number;

package/frontend/{lib/components → components}/git/ConflictResolver.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import type { GitConflictFile } from '$shared/types/git';
 	interface Props {

package/frontend/{lib/components → components}/git/DiffViewer.svelte RENAMED Viewed

@@ -1,17 +1,17 @@
 <script lang="ts">
 	import { onMount, onDestroy, untrack } from 'svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { getGitStatusBadgeLabel, getGitStatusBadgeColor } from '$frontend/lib/utils/git-status';
-	import { themeStore } from '$frontend/lib/stores/ui/theme.svelte';
-	import { projectState } from '$frontend/lib/stores/core/projects.svelte';
-	import { settings } from '$frontend/lib/stores/features/settings.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { getGitStatusBadgeLabel, getGitStatusBadgeColor } from '$frontend/utils/git-status';
+	import { themeStore } from '$frontend/stores/ui/theme.svelte';
+	import { projectState } from '$frontend/stores/core/projects.svelte';
+	import { settings } from '$frontend/stores/features/settings.svelte';
 	import loader from '@monaco-editor/loader';
 	import type { editor } from 'monaco-editor';
 	import type { GitFileDiff } from '$shared/types/git';
 	import type { IconName } from '$shared/types/ui/icons';
 	import { debug } from '$shared/utils/logger';
-	import ws from '$frontend/lib/utils/ws';
+	import ws from '$frontend/utils/ws';
 	interface Props {
 		diff: GitFileDiff | null;

package/frontend/{lib/components → components}/git/FileChangeItem.svelte RENAMED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { getFileIcon } from '$frontend/lib/utils/file-icon-mappings';
-	import { getGitStatusLabel, getGitStatusColor } from '$frontend/lib/utils/git-status';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { getFileIcon } from '$frontend/utils/file-icon-mappings';
+	import { getGitStatusLabel, getGitStatusColor } from '$frontend/utils/git-status';
 	import type { GitFileChange } from '$shared/types/git';
 	import type { IconName } from '$shared/types/ui/icons';

package/frontend/{lib/components → components}/git/GitButton.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	interface Props {
 		collapsed?: boolean;

package/frontend/{lib/components → components}/git/GitLog.svelte RENAMED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { addNotification } from '$frontend/stores/ui/notification.svelte';
 	import type { GitCommit } from '$shared/types/git';
 	interface Props {

package/frontend/{lib/components → components}/git/GitModal.svelte RENAMED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Modal from '$frontend/lib/components/common/Modal.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import GitPanel from '$frontend/lib/components/workspace/panels/GitPanel.svelte';
+	import Modal from '$frontend/components/common/overlay/Modal.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import GitPanel from '$frontend/components/workspace/panels/GitPanel.svelte';
 	interface Props {
 		isOpen: boolean;

package/frontend/{lib/components → components}/history/HistoryModal.svelte RENAMED Viewed

@@ -1,18 +1,18 @@
 <script lang="ts">
 	import { untrack } from 'svelte';
-	import { sessionState, setCurrentSession, removeSession, reloadSessionsForProject } from '$frontend/lib/stores/core/sessions.svelte';
-	import { projectState } from '$frontend/lib/stores/core/projects.svelte';
-	import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
-	import ws from '$frontend/lib/utils/ws';
+	import { sessionState, setCurrentSession, removeSession, reloadSessionsForProject } from '$frontend/stores/core/sessions.svelte';
+	import { projectState } from '$frontend/stores/core/projects.svelte';
+	import { addNotification } from '$frontend/stores/ui/notification.svelte';
+	import ws from '$frontend/utils/ws';
 	import type { ChatSession } from '$shared/types/database/schema';
 	import type { SDKMessage } from '$shared/types/messaging';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import AvatarBubble from '$frontend/lib/components/common/AvatarBubble.svelte';
-	import Modal from '$frontend/lib/components/common/Modal.svelte';
-	import Dialog from '$frontend/lib/components/common/Dialog.svelte';
-	import { presenceState, isSessionWaitingInput } from '$frontend/lib/stores/core/presence.svelte';
-	import { isSessionUnread } from '$frontend/lib/stores/core/app.svelte';
-	import { userStore } from '$frontend/lib/stores/features/user.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import AvatarBubble from '$frontend/components/common/display/AvatarBubble.svelte';
+	import Modal from '$frontend/components/common/overlay/Modal.svelte';
+	import Dialog from '$frontend/components/common/overlay/Dialog.svelte';
+	import { presenceState, isSessionWaitingInput } from '$frontend/stores/core/presence.svelte';
+	import { isSessionUnread } from '$frontend/stores/core/app.svelte';
+	import { userStore } from '$frontend/stores/features/user.svelte';
 	import { debug } from '$shared/utils/logger';
 	interface Props {

package/frontend/{lib/components → components}/history/HistoryView.svelte RENAMED Viewed

@@ -1,19 +1,19 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	import { sessionState, removeSession, setCurrentSession } from '$frontend/lib/stores/core/sessions.svelte';
-	import { projectState, setCurrentProject } from '$frontend/lib/stores/core/projects.svelte';
-	import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
-	import { setCurrentView } from '$frontend/lib/stores/core/app.svelte';
-	import ws from '$frontend/lib/utils/ws';
+	import { sessionState, removeSession, setCurrentSession } from '$frontend/stores/core/sessions.svelte';
+	import { projectState, setCurrentProject } from '$frontend/stores/core/projects.svelte';
+	import { addNotification } from '$frontend/stores/ui/notification.svelte';
+	import { setCurrentView } from '$frontend/stores/core/app.svelte';
+	import ws from '$frontend/utils/ws';
 	import type { ChatSession, Project } from '$shared/types/database/schema';
 	import type { SDKMessage } from '$shared/types/messaging';
-	import Input from '../common/Input.svelte';
-	import Select from '../common/Select.svelte';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import PageTemplate from '../common/PageTemplate.svelte';
-	import Button from '../common/Button.svelte';
-	import { showConfirm } from '$frontend/lib/stores/ui/dialog.svelte';
-	import Modal from '$frontend/lib/components/common/Modal.svelte';
+	import Input from '../common/form/Input.svelte';
+	import Select from '../common/form/Select.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import PageTemplate from '../common/display/PageTemplate.svelte';
+	import Button from '../common/display/Button.svelte';
+	import { showConfirm } from '$frontend/stores/ui/dialog.svelte';
+	import Modal from '$frontend/components/common/overlay/Modal.svelte';
 	import TimelineModal from '../checkpoint/TimelineModal.svelte';
 	import { debug } from '$shared/utils/logger';

package/frontend/{lib/components → components}/index.ts RENAMED Viewed

@@ -1,13 +1,13 @@
 // Component exports
-export { default as ThemeToggle } from './common/ThemeToggle.svelte';
-export { default as LoadingSpinner } from './common/LoadingSpinner.svelte';
-export { default as Button } from './common/Button.svelte';
-export { default as Input } from './common/Input.svelte';
-export { default as Card } from './common/Card.svelte';
-export { default as ModelSelector } from './common/ModelSelector.svelte';
-export { default as MonacoEditor } from './common/MonacoEditor.svelte';
-export { default as PageTemplate } from './common/PageTemplate.svelte';
-export { default as Modal } from './common/Modal.svelte';
+export { default as ThemeToggle } from './common/display/ThemeToggle.svelte';
+export { default as LoadingSpinner } from './common/feedback/LoadingSpinner.svelte';
+export { default as Button } from './common/display/Button.svelte';
+export { default as Input } from './common/form/Input.svelte';
+export { default as Card } from './common/display/Card.svelte';
+export { default as ModelSelector } from './common/form/ModelSelector.svelte';
+export { default as MonacoEditor } from './common/editor/MonacoEditor.svelte';
+export { default as PageTemplate } from './common/display/PageTemplate.svelte';
+export { default as Modal } from './common/overlay/Modal.svelte';
 // Chat components
 export { default as ChatMessages } from './chat/message/ChatMessages.svelte';

package/frontend/{lib/components → components}/preview/browser/BrowserPreview.svelte RENAMED Viewed

@@ -4,15 +4,15 @@
 	import VirtualCursor from './components/VirtualCursor.svelte';
 	import SelectDropdown from './components/SelectDropdown.svelte';
 	import ContextMenu from './components/ContextMenu.svelte';
-	import type { BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/lib/types/native-ui';
+	import type { BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/utils/native-ui';
 	import { fly } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import { onMount, onDestroy } from 'svelte';
-	import type { DeviceSize, Rotation } from '$frontend/lib/constants/preview';
+	import type { DeviceSize, Rotation } from '$frontend/utils/preview-constants';
 	import { debug } from '$shared/utils/logger';
 	import { createBrowserCoordinator } from './core/coordinator.svelte';
 	import { sendScaleUpdate } from './core/interactions.svelte';
-	import { projectState } from '$frontend/lib/stores/core/projects.svelte';
+	import { projectState } from '$frontend/stores/core/projects.svelte';
 	let {
 		url = $bindable(''),

package/frontend/{lib/components → components}/preview/browser/components/Canvas.svelte RENAMED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
-	import { getViewportDimensions, type DeviceSize, type Rotation } from '$frontend/lib/constants/preview';
-	import { BrowserWebCodecsService, type BrowserWebCodecsStreamStats } from '$frontend/lib/services/preview/browser/browser-webcodecs.service';
+	import { getViewportDimensions, type DeviceSize, type Rotation } from '$frontend/utils/preview-constants';
+	import { BrowserWebCodecsService, type BrowserWebCodecsStreamStats } from '$frontend/services/preview/browser/browser-webcodecs.service';
 	import { debug } from '$shared/utils/logger';
 	let {

package/frontend/{lib/components → components}/preview/browser/components/ConsolePanel.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import { fly } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';

package/frontend/{lib/components → components}/preview/browser/components/Container.svelte RENAMED Viewed

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import Canvas from './Canvas.svelte';
 	import VirtualCursor from './VirtualCursor.svelte';
 	import { scale } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import { onDestroy } from 'svelte';
-	import { getViewportDimensions, type DeviceSize, type Rotation } from '$frontend/lib/constants/preview';
+	import { getViewportDimensions, type DeviceSize, type Rotation } from '$frontend/utils/preview-constants';
 	import { debug } from '$shared/utils/logger';
 	import { sendScaleUpdate } from '../core/interactions.svelte';

package/frontend/{lib/components → components}/preview/browser/components/ContextMenu.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { BrowserContextMenuInfo, BrowserContextMenuItem } from '$frontend/lib/types/native-ui';
+	import type { BrowserContextMenuInfo, BrowserContextMenuItem } from '$frontend/utils/native-ui';
 	import { onMount } from 'svelte';
 	let {

package/frontend/{lib/components → components}/preview/browser/components/SelectDropdown.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { BrowserSelectInfo, BrowserSelectOption } from '$frontend/lib/types/native-ui';
+	import type { BrowserSelectInfo, BrowserSelectOption } from '$frontend/utils/native-ui';
 	import { onMount } from 'svelte';
 	let {

package/frontend/{lib/components → components}/preview/browser/components/Toolbar.svelte RENAMED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
-	import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
+	import { addNotification } from '$frontend/stores/ui/notification.svelte';
 	import { onDestroy } from 'svelte';
 	let {

package/frontend/{lib/components → components}/preview/browser/core/cleanup.svelte.ts RENAMED Viewed

@@ -11,7 +11,7 @@
  * - Tab is explicitly closed via UI
  */
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
 class BrowserCleanupManager {

package/frontend/{lib/components → components}/preview/browser/core/coordinator.svelte.ts RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 import { debug } from '$shared/utils/logger';
-import type { DeviceSize, Rotation } from '$frontend/lib/constants/preview';
+import type { DeviceSize, Rotation } from '$frontend/utils/preview-constants';
 import { createTabManager, type TabManager, type PreviewTab, getTabTitle } from './tab-manager.svelte';
 import { createStreamMessageHandler, type StreamMessageHandler } from './stream-handler.svelte';
 import { createNativeUIHandler, type NativeUIHandler } from './native-ui-handlers.svelte';
@@ -20,7 +20,7 @@ import {
 } from './tab-operations.svelte';
 import { browserCleanup } from './cleanup.svelte';
 import { sendInteraction, updateViewport, setInteractionProjectId } from './interactions.svelte';
-import type { BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/lib/types/native-ui';
+import type { BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/utils/native-ui';
 export interface BrowserCoordinatorConfig {
 	// Project ID getter (REQUIRED for project isolation)
@@ -590,7 +590,7 @@ export function createBrowserCoordinator(config: BrowserCoordinatorConfig) {
 		// Import ws synchronously (should already be loaded in app context)
 		// This is critical to ensure listeners are ready before any events arrive
-		import('$frontend/lib/utils/ws').then(({ default: ws }) => {
+		import('$frontend/utils/ws').then(({ default: ws }) => {
 			debug.log('preview', '✅ WebSocket module loaded, registering tab event listeners');
 			// Listen for tab opened events (from MCP or backend)
@@ -724,7 +724,7 @@ export function createBrowserCoordinator(config: BrowserCoordinatorConfig) {
 	 */
 	function setupNavigationListeners() {
 		// Import ws at runtime to avoid circular dependencies
-		import('$frontend/lib/utils/ws').then(({ default: ws }) => {
+		import('$frontend/utils/ws').then(({ default: ws }) => {
 			// Listen for navigation loading events
 			ws.on('preview:browser-navigation-loading', (data: { sessionId: string; type: string; url: string; timestamp: number }) => {
 				debug.log('preview', `🔄 Navigation loading event received: ${data.sessionId} → ${data.url}`);

package/frontend/{lib/components → components}/preview/browser/core/interactions.svelte.ts RENAMED Viewed

@@ -5,9 +5,9 @@
  * All interactions work with active tab on backend.
  */
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
-import type { DeviceSize, Rotation } from '$frontend/lib/constants/preview';
+import type { DeviceSize, Rotation } from '$frontend/utils/preview-constants';
 export interface InteractionAction {
 	type:
@@ -86,7 +86,7 @@ export async function updateViewport(
 	scale: number
 ): Promise<void> {
 	// Import here to avoid circular dependency
-	const { getViewportDimensions } = await import('$frontend/lib/constants/preview.js');
+	const { getViewportDimensions } = await import('$frontend/utils/preview-constants.js');
 	// Use getViewportDimensions for consistent viewport calculation
 	const { width, height } = getViewportDimensions(deviceSize, rotation);

package/frontend/{lib/components → components}/preview/browser/core/mcp-handlers.svelte.ts RENAMED Viewed

@@ -4,8 +4,8 @@
  */
 import { debug } from '$shared/utils/logger';
-import { showInfo, showWarning } from '$frontend/lib/stores/ui/notification.svelte';
-import ws from '$frontend/lib/utils/ws';
+import { showInfo, showWarning } from '$frontend/stores/ui/notification.svelte';
+import ws from '$frontend/utils/ws';
 import type { TabManager } from './tab-manager.svelte';
 // MCP Control State interface

package/frontend/{lib/components → components}/preview/browser/core/native-ui-handlers.svelte.ts RENAMED Viewed

@@ -4,8 +4,8 @@
  */
 import { debug } from '$shared/utils/logger';
-import ws from '$frontend/lib/utils/ws';
-import type { BrowserDialogEvent, BrowserPrintEvent, BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/lib/types/native-ui';
+import ws from '$frontend/utils/ws';
+import type { BrowserDialogEvent, BrowserPrintEvent, BrowserSelectInfo, BrowserContextMenuInfo } from '$frontend/utils/native-ui';
 import type { TabManager } from './tab-manager.svelte';
 export interface NativeUIHandlerConfig {

package/frontend/{lib/components → components}/preview/browser/core/tab-manager.svelte.ts RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 import { debug } from '$shared/utils/logger';
-import type { DeviceSize, Rotation } from '$frontend/lib/constants/preview';
+import type { DeviceSize, Rotation } from '$frontend/utils/preview-constants';
 // Console message type (temporary placeholder)
 type ConsoleMessage = any;

package/frontend/{lib/components → components}/preview/browser/core/tab-operations.svelte.ts RENAMED Viewed

@@ -10,10 +10,10 @@
  * - Frontend reconnects to backend tabs and restarts streaming
  */
-import ws from '$frontend/lib/utils/ws';
+import ws from '$frontend/utils/ws';
 import { debug } from '$shared/utils/logger';
-import { addNotification } from '$frontend/lib/stores/ui/notification.svelte';
-import type { DeviceSize, Rotation } from '$frontend/lib/constants/preview';
+import { addNotification } from '$frontend/stores/ui/notification.svelte';
+import type { DeviceSize, Rotation } from '$frontend/utils/preview-constants';
 export interface BrowserSessionInfo {
 	quality: string;

package/frontend/{lib/components → components}/settings/SettingsModal.svelte RENAMED Viewed

@@ -1,16 +1,16 @@
 <script lang="ts">
 	import { fade, scale, fly } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
-	import Icon from '$frontend/lib/components/common/Icon.svelte';
+	import Icon from '$frontend/components/common/display/Icon.svelte';
 	import {
 		settingsModalState,
 		closeSettingsModal,
 		setActiveSection,
 		settingsSections,
 		type SettingsSection
-	} from '$frontend/lib/stores/ui/settings-modal.svelte';
-	import { authStore } from '$frontend/lib/stores/features/auth.svelte';
-	import { systemSettings } from '$frontend/lib/stores/features/settings.svelte';
+	} from '$frontend/stores/ui/settings-modal.svelte';
+	import { authStore } from '$frontend/stores/features/auth.svelte';
+	import { systemSettings } from '$frontend/stores/features/settings.svelte';
 	// Import settings components
 	import ModelSettings from './model/ModelSettings.svelte';