@molecule/app-ide 1.0.0

package/LICENSE

@@ -0,0 +1,115 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work.
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship.
+
+      "Contribution" shall mean any work of authorship, including the
+      original version of the Work and any modifications or additions
+      to that Work, that is intentionally submitted to the Licensor for
+      inclusion in the Work by the copyright owner or by an individual or
+      Legal Entity authorized to submit on behalf of the copyright owner.
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      patent license to make, have made, use, offer to sell, sell, import,
+      and otherwise transfer the Work.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file.
+
+   5. Submission of Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND.
+
+   8. Limitation of Liability. In no event and under no legal theory shall
+      any Contributor be liable to You for damages.
+
+   9. Accepting Warranty or Additional Liability.
+
+   Copyright 2026 Molecule Dev, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * IDE workspace core interface for molecule.dev.
+ *
+ * Framework-agnostic contract for multi-panel workspace layouts (chat,
+ * editor, preview, terminal, …): panel visibility, sizing, active panel,
+ * and layout persistence. Bond a provider (e.g. `@molecule/app-ide-default`,
+ * which persists layout in browser storage) at startup; a framework binding
+ * (e.g. `@molecule/app-ide-react`) renders the layout from this state.
+ *
+ * @example
+ * ```typescript
+ * import { setProvider, requireProvider } from '@molecule/app-ide'
+ * import { provider } from '@molecule/app-ide-default'
+ *
+ * setProvider(provider)                    // once, at app startup (bonds.ts)
+ *
+ * const workspace = requireProvider()
+ * workspace.togglePanel('terminal')
+ * const unsubscribe = workspace.subscribe((state) => renderLayout(state))
+ * ```
+ *
+ * @remarks
+ * - **This core manages layout STATE only — panels render via a framework
+ *   binding** (React: `@molecule/app-ide-react`) or your own components reading
+ *   `getLayout()` + `subscribe()`. Wire the bond before the workspace mounts.
+ * - `subscribe()` returns an unsubscribe function — call it on teardown to avoid
+ *   duplicate renders after remounts.
+ * - `PanelId` accepts custom strings beyond the built-ins ('chat' | 'editor' |
+ *   'preview' | 'terminal' | 'deploy' | 'files') — register custom panels in the
+ *   layout rather than hardcoding a parallel layout system.
+ * - Layout persistence is the provider's concern (the default bond uses browser
+ *   storage) — never write layout state to `localStorage` yourself.
+ *
+ * @e2e
+ * Integration checklist — drive the real rendered UI (live preview, no mocks):
+ * `navigate_preview` to the IDE, `read_preview_ui` to snapshot the panel
+ * regions, `interact_preview` to drag dividers and toggle panels. Adapt each
+ * item to this app's actual panels/layout and check every box off one by one.
+ * A box you can't check is an integration bug to fix — not a skip:
+ * - [ ] The IDE renders its panel regions in the default layout — snapshot the
+ *   preview and confirm each visible panel the app configures (e.g. a left
+ *   sidebar/files, a center editor, a right preview, a bottom terminal) is
+ *   present and laid out, none overlapping or collapsed to nothing.
+ * - [ ] Dragging a divider between two panels resizes the adjacent panels and
+ *   the sizes update live — grab the handle, drag, and confirm in a fresh
+ *   snapshot that both neighbors changed size (not the whole window, no
+ *   snap-back to the previous sizes).
+ * - [ ] Toggling a panel's visibility (hide the terminal or the sidebar via its
+ *   control) removes it from the layout, and toggling again restores it in the
+ *   same position — the neighbors reflow to fill, they don't leave a blank gap.
+ * - [ ] Collapsing a collapsible panel shrinks it out of the way and expanding
+ *   restores its prior size; clicking into a panel updates the active-panel
+ *   state (its highlight/toolbar follows the panel you focus).
+ * - [ ] A resized / collapsed / hidden layout PERSISTS across a full reload —
+ *   after reload the panels return at the sizes and visibility you left them,
+ *   not reset to the default layout (the default bond persists to browser
+ *   storage).
+ * - [ ] A panel's minimum size is respected — dragging a divider to the far end
+ *   cannot shrink a resizable panel to zero or an unusable sliver; it stops at
+ *   its configured min.
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,65 @@
+/**
+ * IDE workspace core interface for molecule.dev.
+ *
+ * Framework-agnostic contract for multi-panel workspace layouts (chat,
+ * editor, preview, terminal, …): panel visibility, sizing, active panel,
+ * and layout persistence. Bond a provider (e.g. `@molecule/app-ide-default`,
+ * which persists layout in browser storage) at startup; a framework binding
+ * (e.g. `@molecule/app-ide-react`) renders the layout from this state.
+ *
+ * @example
+ * ```typescript
+ * import { setProvider, requireProvider } from '@molecule/app-ide'
+ * import { provider } from '@molecule/app-ide-default'
+ *
+ * setProvider(provider)                    // once, at app startup (bonds.ts)
+ *
+ * const workspace = requireProvider()
+ * workspace.togglePanel('terminal')
+ * const unsubscribe = workspace.subscribe((state) => renderLayout(state))
+ * ```
+ *
+ * @remarks
+ * - **This core manages layout STATE only — panels render via a framework
+ *   binding** (React: `@molecule/app-ide-react`) or your own components reading
+ *   `getLayout()` + `subscribe()`. Wire the bond before the workspace mounts.
+ * - `subscribe()` returns an unsubscribe function — call it on teardown to avoid
+ *   duplicate renders after remounts.
+ * - `PanelId` accepts custom strings beyond the built-ins ('chat' | 'editor' |
+ *   'preview' | 'terminal' | 'deploy' | 'files') — register custom panels in the
+ *   layout rather than hardcoding a parallel layout system.
+ * - Layout persistence is the provider's concern (the default bond uses browser
+ *   storage) — never write layout state to `localStorage` yourself.
+ *
+ * @e2e
+ * Integration checklist — drive the real rendered UI (live preview, no mocks):
+ * `navigate_preview` to the IDE, `read_preview_ui` to snapshot the panel
+ * regions, `interact_preview` to drag dividers and toggle panels. Adapt each
+ * item to this app's actual panels/layout and check every box off one by one.
+ * A box you can't check is an integration bug to fix — not a skip:
+ * - [ ] The IDE renders its panel regions in the default layout — snapshot the
+ *   preview and confirm each visible panel the app configures (e.g. a left
+ *   sidebar/files, a center editor, a right preview, a bottom terminal) is
+ *   present and laid out, none overlapping or collapsed to nothing.
+ * - [ ] Dragging a divider between two panels resizes the adjacent panels and
+ *   the sizes update live — grab the handle, drag, and confirm in a fresh
+ *   snapshot that both neighbors changed size (not the whole window, no
+ *   snap-back to the previous sizes).
+ * - [ ] Toggling a panel's visibility (hide the terminal or the sidebar via its
+ *   control) removes it from the layout, and toggling again restores it in the
+ *   same position — the neighbors reflow to fill, they don't leave a blank gap.
+ * - [ ] Collapsing a collapsible panel shrinks it out of the way and expanding
+ *   restores its prior size; clicking into a panel updates the active-panel
+ *   state (its highlight/toolbar follows the panel you focus).
+ * - [ ] A resized / collapsed / hidden layout PERSISTS across a full reload —
+ *   after reload the panels return at the sizes and visibility you left them,
+ *   not reset to the default layout (the default bond persists to browser
+ *   storage).
+ * - [ ] A panel's minimum size is respected — dragging a divider to the far end
+ *   cannot shrink a resizable panel to zero or an unusable sliver; it stops at
+ *   its configured min.
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './types.js';

package/dist/provider.d.ts

@@ -0,0 +1,36 @@
+/**
+ * IDE workspace bond accessor.
+ *
+ * Bond packages call `setProvider()` during setup. Application code uses
+ * `requireProvider()` to access IDE workspace operations (panels, tabs,
+ * file tree, terminal, etc.).
+ *
+ * @module
+ */
+import type { WorkspaceProvider } from './types.js';
+/**
+ * Registers an IDE workspace provider as the active singleton.
+ *
+ * @param provider - The workspace provider implementation to bond.
+ */
+export declare function setProvider(provider: WorkspaceProvider): void;
+/**
+ * Retrieves the bonded IDE workspace provider, or `null` if none is bonded.
+ *
+ * @returns The bonded workspace provider, or `null`.
+ */
+export declare function getProvider(): WorkspaceProvider | null;
+/**
+ * Checks whether an IDE workspace provider is currently bonded.
+ *
+ * @returns `true` if an IDE workspace provider is bonded.
+ */
+export declare function hasProvider(): boolean;
+/**
+ * Retrieves the bonded IDE workspace provider, throwing if none is configured.
+ *
+ * @returns The bonded workspace provider.
+ * @throws {Error} If no IDE workspace provider has been bonded.
+ */
+export declare function requireProvider(): WorkspaceProvider;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAInD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,GAAG,IAAI,CAEtD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAUnD"}

package/dist/provider.js

@@ -0,0 +1,51 @@
+/**
+ * IDE workspace bond accessor.
+ *
+ * Bond packages call `setProvider()` during setup. Application code uses
+ * `requireProvider()` to access IDE workspace operations (panels, tabs,
+ * file tree, terminal, etc.).
+ *
+ * @module
+ */
+import { bond, get as bondGet, isBonded } from '@molecule/app-bond';
+import { t } from '@molecule/app-i18n';
+const BOND_TYPE = 'ide';
+/**
+ * Registers an IDE workspace provider as the active singleton.
+ *
+ * @param provider - The workspace provider implementation to bond.
+ */
+export function setProvider(provider) {
+    bond(BOND_TYPE, provider);
+}
+/**
+ * Retrieves the bonded IDE workspace provider, or `null` if none is bonded.
+ *
+ * @returns The bonded workspace provider, or `null`.
+ */
+export function getProvider() {
+    return bondGet(BOND_TYPE) ?? null;
+}
+/**
+ * Checks whether an IDE workspace provider is currently bonded.
+ *
+ * @returns `true` if an IDE workspace provider is bonded.
+ */
+export function hasProvider() {
+    return isBonded(BOND_TYPE);
+}
+/**
+ * Retrieves the bonded IDE workspace provider, throwing if none is configured.
+ *
+ * @returns The bonded workspace provider.
+ * @throws {Error} If no IDE workspace provider has been bonded.
+ */
+export function requireProvider() {
+    const provider = bondGet(BOND_TYPE);
+    if (!provider) {
+        throw new Error(t('ide.error.noProvider', undefined, {
+            defaultValue: 'IDE workspace provider not configured. Bond an IDE provider first.',
+        }));
+    }
+    return provider;
+}

package/dist/types.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Workspace layout and panel management types.
+ *
+ * @module
+ */
+/**
+ * Identifier for a workspace panel (built-in names or custom strings).
+ */
+export type PanelId = 'chat' | 'editor' | 'preview' | 'terminal' | 'deploy' | 'files' | string;
+/**
+ * Position of a panel within the workspace layout.
+ */
+export type PanelPosition = 'left' | 'center' | 'right' | 'bottom';
+/**
+ * Configuration for an individual workspace panel including
+ * position, sizing constraints, and visibility.
+ */
+export interface PanelConfig {
+    id: PanelId;
+    position: PanelPosition;
+    minWidth?: number;
+    minHeight?: number;
+    defaultSize?: number;
+    resizable?: boolean;
+    collapsible?: boolean;
+    visible?: boolean;
+}
+/**
+ * Complete workspace layout describing panel arrangement and sizing.
+ */
+export interface WorkspaceLayout {
+    panels: PanelConfig[];
+    sizes: Record<PanelPosition, number[]>;
+}
+/**
+ * Current workspace state including layout, active panel,
+ * collapsed panels, and fullscreen mode.
+ */
+export interface WorkspaceState {
+    layout: WorkspaceLayout;
+    activePanel: PanelId | null;
+    collapsedPanels: Set<PanelId>;
+    isFullscreen: boolean;
+}
+/**
+ * Configuration options for creating a workspace provider.
+ */
+export interface WorkspaceConfig {
+    defaultLayout: WorkspaceLayout;
+    persistLayout?: boolean;
+    storageKey?: string;
+}
+/**
+ * Workspace provider interface that all IDE workspace bond packages
+ * must implement. Manages panel layout, sizing, and visibility.
+ */
+export interface WorkspaceProvider {
+    /** Provider name identifier. */
+    readonly name: string;
+    /** Returns the current workspace layout. */
+    getLayout(): WorkspaceLayout;
+    /** Sets the entire workspace layout. */
+    setLayout(layout: WorkspaceLayout): void;
+    /** Toggles visibility of a panel by ID. */
+    togglePanel(panelId: PanelId): void;
+    /** Resizes a panel to the given size. */
+    resizePanel(panelId: PanelId, size: number): void;
+    /** Sets the active (focused) panel. */
+    setActivePanel(panelId: PanelId): void;
+    /**
+     * Subscribes to workspace state changes.
+     *
+     * @returns An unsubscribe function.
+     */
+    subscribe(callback: (state: WorkspaceState) => void): () => void;
+    /** Resets layout to the default configuration. */
+    resetLayout(): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAE9F;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAElE;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,OAAO,CAAA;IACX,QAAQ,EAAE,aAAa,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,eAAe,CAAA;IACvB,WAAW,EAAE,OAAO,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC7B,YAAY,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,eAAe,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IAErB,4CAA4C;IAC5C,SAAS,IAAI,eAAe,CAAA;IAE5B,wCAAwC;IACxC,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAExC,2CAA2C;IAC3C,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAEnC,yCAAyC;IACzC,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAEjD,uCAAuC;IACvC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAEtC;;;;OAIG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IAEhE,kDAAkD;IAClD,WAAW,IAAI,IAAI,CAAA;CACpB"}

package/dist/types.js

@@ -0,0 +1,6 @@
+/**
+ * Workspace layout and panel management types.
+ *
+ * @module
+ */
+export {};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@molecule/app-ide",
+  "version": "1.0.0",
+  "description": "IDE workspace layout and resizable panel management",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "molecule",
+    "workspace",
+    "layout",
+    "panels"
+  ],
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "@molecule/app-bond": "^1.0.0",
+    "@molecule/app-i18n": "^1.0.0"
+  },
+  "devDependencies": {
+    "@molecule/app-bond": "1.0.0",
+    "@molecule/app-i18n": "1.0.0",
+    "@types/node": "26.1.2",
+    "typescript": "6.0.3",
+    "vitest": "4.1.10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/molecule-dev/molecule.git",
+    "directory": "packages/app/core/ide"
+  },
+  "homepage": "https://github.com/molecule-dev/molecule/tree/main/packages/app/core/ide",
+  "bugs": "https://github.com/molecule-dev/molecule/issues",
+  "publishConfig": {
+    "access": "public"
+  }
+}