comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/workspace-manager-BQlr10iH.js

@@ -0,0 +1,785 @@
+import{a as g,I as o,b as t,A as d,s as u,f as v,i as b,n as h,r as s,t as _}from"./index-CEcM1R_C.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-tag-CPPUnDLF.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-icon-xeGTVhVG.js";var x=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(e,i,l,c)=>{for(var n=c>1?void 0:c?y(i,l):i,m=e.length-1,f;m>=0;m--)(f=e[m])&&(n=(c?f(i,l,n):f(n))||n);return c&&n&&x(i,l,n),n};const w=["projects","scripts","documents","media","data","output"];function p(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}let r=class extends g{constructor(){super(...arguments),this.rpcClient=null,this.agentId="",this._status=null,this._loadState="loading",this._error="",this._activeTab="files",this._selectedFile=null,this._selectedSubdir=null,this._fileContent="",this._editedContent="",this._dirEntries=[],this._saving=!1,this._dirty=!1,this._confirmAction=null,this._actionPending=!1,this._gitStatus=null,this._gitLog=[],this._gitDiff="",this._gitDiffFile=null,this._commitMessage="",this._committing=!1,this._restoreTarget=null}updated(e){(e.has("agentId")||e.has("rpcClient"))&&this.agentId&&this.rpcClient&&this._loadStatus()}async _loadStatus(){if(!(!this.rpcClient||!this.agentId)){this._loadState="loading",this._error="";try{this._status=await this.rpcClient.call("workspace.status",{agentId:this.agentId}),this._loadState="loaded"}catch(e){this._error=e instanceof Error?e.message:"Failed to load workspace status",this._loadState="error"}}}async _selectFile(e){if(this.rpcClient&&!(this._dirty&&!window.confirm("Discard unsaved changes?")))try{const i=await this.rpcClient.call("workspace.readFile",{agentId:this.agentId,filePath:e});this._selectedFile=e,this._fileContent=i.content,this._editedContent=i.content,this._dirty=!1,this._selectedSubdir=null,this._dirEntries=[]}catch(i){o.show(`Failed to read file: ${i instanceof Error?i.message:"Unknown error"}`,"error")}}async _selectSubdir(e){if(this.rpcClient&&!(this._dirty&&!window.confirm("Discard unsaved changes?")))try{const i=await this.rpcClient.call("workspace.listDir",{agentId:this.agentId,subdir:e});this._selectedSubdir=e,this._dirEntries=i.entries,this._selectedFile=null,this._fileContent="",this._editedContent="",this._dirty=!1}catch(i){o.show(`Failed to list directory: ${i instanceof Error?i.message:"Unknown error"}`,"error")}}_onEditorInput(e){const i=e.target;this._editedContent=i.value,this._dirty=this._editedContent!==this._fileContent}async _loadGitData(){if(!(!this.rpcClient||!this.agentId))try{const[e,i]=await Promise.all([this.rpcClient.call("workspace.git.status",{agentId:this.agentId}),this.rpcClient.call("workspace.git.log",{agentId:this.agentId,limit:20})]);this._gitStatus=e,this._gitLog=i.commits,this._gitDiff="",this._gitDiffFile=null}catch(e){o.show(`Failed to load git data: ${e instanceof Error?e.message:"Unknown error"}`,"error")}}async _loadFileDiff(e){if(!(!this.rpcClient||!this.agentId))try{const i=await this.rpcClient.call("workspace.git.diff",{agentId:this.agentId,filePath:e});this._gitDiff=i.diff,this._gitDiffFile=e}catch(i){o.show(`Failed to load diff: ${i instanceof Error?i.message:"Unknown error"}`,"error")}}async _handleSave(){if(!(!this.rpcClient||this._saving||!this._selectedFile)){this._saving=!0;try{await this.rpcClient.call("workspace.writeFile",{agentId:this.agentId,filePath:this._selectedFile,content:this._editedContent}),o.show("File saved","success"),this._fileContent=this._editedContent,this._dirty=!1}catch(e){o.show(`Failed to save: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._saving=!1}}}async _handleReset(){if(!(!this.rpcClient||!this._selectedFile)){this._confirmAction=null,this._actionPending=!0;try{await this.rpcClient.call("workspace.resetFile",{agentId:this.agentId,fileName:this._selectedFile}),o.show("File reset to default","success"),await this._selectFile(this._selectedFile)}catch(e){o.show(`Failed to reset file: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}}async _handleDelete(){if(!(!this.rpcClient||!this._selectedFile)){this._confirmAction=null,this._actionPending=!0;try{await this.rpcClient.call("workspace.deleteFile",{agentId:this.agentId,filePath:this._selectedFile}),o.show("File deleted","success"),this._selectedFile=null,this._fileContent="",this._editedContent="",this._dirty=!1,await this._loadStatus()}catch(e){o.show(`Failed to delete file: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}}async _handleInit(){if(this.rpcClient){this._actionPending=!0;try{await this.rpcClient.call("workspace.init",{agentId:this.agentId}),o.show("Workspace initialized","success"),await this._loadStatus()}catch(e){o.show(`Failed to initialize workspace: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}}_switchToGitTab(){this._activeTab="git",this._confirmAction=null,this._restoreTarget=null,this._loadGitData()}_requestRestore(e){this._restoreTarget=e,this._confirmAction="restore"}async _handleRestore(){if(!(!this.rpcClient||!this._restoreTarget)){this._confirmAction=null,this._actionPending=!0;try{await this.rpcClient.call("workspace.git.restore",{agentId:this.agentId,filePath:this._restoreTarget}),o.show("File restored to HEAD","success"),this._restoreTarget=null,await this._loadGitData()}catch(e){o.show(`Failed to restore: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._actionPending=!1}}}async _handleCommit(){if(!(!this.rpcClient||!this.agentId||this._committing)){this._committing=!0;try{await this.rpcClient.call("workspace.git.commit",{agentId:this.agentId,message:this._commitMessage||void 0}),o.show("Changes committed","success"),this._commitMessage="",await this._loadGitData()}catch(e){o.show(`Commit failed: ${e instanceof Error?e.message:"Unknown error"}`,"error")}finally{this._committing=!1}}}_statusBadge(e){switch(e){case"modified":return"M";case"added":return"A";case"deleted":return"D";case"untracked":return"??";case"renamed":return"R";case"copied":return"C";default:return"?"}}_diffLineClass(e){return e.startsWith("@@")?"diff-hunk":e.startsWith("+")?"diff-add":e.startsWith("-")?"diff-del":"diff-ctx"}get _commitDisabled(){return this._committing||this._gitStatus?.clean===!0}_navigate(e){this.dispatchEvent(new CustomEvent("navigate",{detail:e,bubbles:!0,composed:!0}))}render(){switch(this._loadState){case"loading":return t`<ic-skeleton-view variant="editor"></ic-skeleton-view>`;case"error":return t`
+          <div class="error-container">
+            <div class="error-message">${this._error}</div>
+            <button class="retry-btn" @click=${()=>this._loadStatus()}>Retry</button>
+          </div>
+        `;case"loaded":return this._status&&!this._status.exists?this._renderNotInitialized():this._renderWorkspace()}}_renderNotInitialized(){return t`
+      ${this._renderBreadcrumb()}
+      <ic-empty-state
+        message="Workspace not initialized"
+        icon="folder"
+        description="Initialize the workspace to manage agent files and configuration."
+      >
+        <button
+          class="btn btn--primary"
+          ?disabled=${this._actionPending}
+          @click=${()=>this._handleInit()}
+        >Init Workspace</button>
+      </ic-empty-state>
+    `}_renderWorkspace(){return t`
+      ${this._renderBreadcrumb()}
+      ${this._renderStatusBar()}
+      ${this._renderTabBar()}
+      ${this._activeTab==="files"?t`
+            <div class="workspace-layout">
+              <div class="file-tree">
+                ${this._renderFileTree()}
+              </div>
+              <div class="editor-panel">
+                ${this._renderEditorPanel()}
+              </div>
+            </div>
+          `:this._renderGitTab()}
+    `}_renderBreadcrumb(){return t`
+      <ic-breadcrumb
+        .items=${[{label:"Agents",route:"agents"},{label:this.agentId,route:`agents/${this.agentId}`},{label:"Workspace"}]}
+        @navigate=${e=>this._navigate(e.detail)}
+      ></ic-breadcrumb>
+    `}_renderStatusBar(){return this._status?t`
+      <div class="status-bar">
+        <code>${this._status.dir}</code>
+        <ic-tag variant=${this._status.hasGitRepo?"success":"default"}>
+          ${this._status.hasGitRepo?"git repo":"no git"}
+        </ic-tag>
+        <ic-tag variant=${this._status.isBootstrapped?"success":"warning"}>
+          ${this._status.isBootstrapped?"bootstrapped":"onboarding"}
+        </ic-tag>
+      </div>
+    `:d}_renderTabBar(){return t`
+      <div class="tab-bar">
+        <button
+          class="tab-btn ${this._activeTab==="files"?"tab-btn--active":""}"
+          @click=${()=>{this._activeTab="files",this._confirmAction=null,this._restoreTarget=null}}
+        >Files</button>
+        <button
+          class="tab-btn ${this._activeTab==="git"?"tab-btn--active":""}"
+          @click=${()=>this._switchToGitTab()}
+        >Git</button>
+      </div>
+    `}_renderFileTree(){return this._status?t`
+      <div class="tree-section-label">Template Files</div>
+      ${this._status.files.map(e=>t`
+          <button
+            class="tree-item ${this._selectedFile===e.name?"tree-item--active":""}"
+            @click=${()=>this._selectFile(e.name)}
+          >
+            <span class="presence-dot ${e.present?"presence-dot--present":"presence-dot--absent"}"></span>
+            <span class="file-name">${e.name}</span>
+            ${e.present&&e.sizeBytes!==void 0?t`<span class="file-size">${p(e.sizeBytes)}</span>`:d}
+          </button>
+        `)}
+      <hr class="tree-separator" />
+      <div class="tree-section-label">Directories</div>
+      ${w.map(e=>t`
+          <button
+            class="tree-item ${this._selectedSubdir===e?"tree-item--active":""}"
+            @click=${()=>this._selectSubdir(e)}
+          >
+            <span class="folder-icon">\uD83D\uDCC1</span>
+            <span class="file-name">${e}</span>
+          </button>
+        `)}
+    `:d}_renderEditorPanel(){return this._selectedFile?this._renderFileEditor():this._selectedSubdir?this._renderDirListing():t`
+      <div class="placeholder-panel">Select a file or directory from the sidebar</div>
+    `}_renderFileEditor(){return t`
+      <div class="editor-header">
+        <span class="editor-filename">${this._selectedFile}</span>
+        ${this._dirty?t`<span class="dirty-indicator">unsaved</span>`:d}
+      </div>
+      <textarea
+        class="editor-textarea"
+        .value=${this._editedContent}
+        @input=${this._onEditorInput}
+        spellcheck="false"
+      ></textarea>
+      <div class="action-bar">
+        <button
+          class="btn btn--primary"
+          ?disabled=${!this._dirty||this._saving}
+          @click=${()=>this._handleSave()}
+        >${this._saving?"Saving...":"Save"}</button>
+        <button
+          class="btn btn--secondary"
+          ?disabled=${this._actionPending}
+          @click=${()=>{this._confirmAction="reset"}}
+        >Reset to Default</button>
+        <button
+          class="btn btn--danger"
+          ?disabled=${this._actionPending}
+          @click=${()=>{this._confirmAction="delete"}}
+        >Delete</button>
+      </div>
+
+      <ic-confirm-dialog
+        ?open=${this._confirmAction==="reset"}
+        title="Reset to Default"
+        message=${`Reset "${this._selectedFile}" to its default content? Current content will be overwritten.`}
+        variant="default"
+        confirmLabel="Reset"
+        @confirm=${()=>this._handleReset()}
+        @cancel=${()=>{this._confirmAction=null}}
+      ></ic-confirm-dialog>
+
+      <ic-confirm-dialog
+        ?open=${this._confirmAction==="delete"}
+        title="Delete File"
+        message=${`Delete "${this._selectedFile}"? This action cannot be undone.`}
+        variant="danger"
+        confirmLabel="Delete"
+        @confirm=${()=>this._handleDelete()}
+        @cancel=${()=>{this._confirmAction=null}}
+      ></ic-confirm-dialog>
+    `}_renderDirListing(){return this._dirEntries.length===0?t`<div class="dir-empty">Empty directory</div>`:t`
+      <table class="dir-table">
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>Type</th>
+            <th>Size</th>
+            <th>Modified</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this._dirEntries.map(e=>t`
+              <tr>
+                <td>${e.name}</td>
+                <td>${e.type}</td>
+                <td>${e.sizeBytes!==void 0?p(e.sizeBytes):"-"}</td>
+                <td>
+                  ${e.modifiedAt?t`<ic-relative-time .timestamp=${e.modifiedAt}></ic-relative-time>`:"-"}
+                </td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `}_renderGitTab(){return this._status?.hasGitRepo?t`
+      <div class="git-panel">
+        ${this._renderGitStatus()}
+        ${this._renderDiffViewer()}
+        ${this._renderCommitForm()}
+        ${this._renderCommitLog()}
+        <ic-confirm-dialog
+          ?open=${this._confirmAction==="restore"}
+          title="Restore File"
+          message=${`Restore "${this._restoreTarget}" to HEAD? Uncommitted changes will be lost.`}
+          variant="danger"
+          confirmLabel="Restore"
+          @confirm=${()=>this._handleRestore()}
+          @cancel=${()=>{this._confirmAction=null,this._restoreTarget=null}}
+        ></ic-confirm-dialog>
+      </div>
+    `:t`
+        <ic-empty-state
+          message="No git repository"
+          description="Initialize a git repository to track workspace changes."
+          icon="folder"
+        ></ic-empty-state>
+      `}_renderGitStatus(){return this._gitStatus?t`
+      <div class="git-section">
+        <div class="git-section-header">
+          <span>Status</span>
+          <span class="git-branch">${this._gitStatus.branch}</span>
+          <span class="git-change-count">${this._gitStatus.entries.length} changes</span>
+        </div>
+        ${this._gitStatus.clean?t`<div class="clean-message">Working tree clean</div>`:this._gitStatus.entries.map(e=>{const i=this._statusBadge(e.status),l=i==="??"?"U":i;return t`
+                  <div
+                    class="changed-file ${this._gitDiffFile===e.path?"changed-file--active":""}"
+                    @click=${()=>this._loadFileDiff(e.path)}
+                  >
+                    <span class="status-badge status-badge--${l}">${i}</span>
+                    <span class="changed-file-path">${e.path}</span>
+                    ${e.status!=="untracked"&&e.status!=="added"?t`<button
+                          class="restore-btn"
+                          @click=${c=>{c.stopPropagation(),this._requestRestore(e.path)}}
+                        >Restore</button>`:d}
+                  </div>
+                `})}
+      </div>
+    `:d}_renderDiffViewer(){if(!this._gitDiff)return t`<div class="diff-empty">Select a changed file to view its diff</div>`;const e=this._gitDiff.split(`
+`);return t`
+      <div class="diff-viewer">
+        <div class="diff-header">${this._gitDiffFile}</div>
+        <pre class="diff-content">${e.map(i=>t`<span class="${this._diffLineClass(i)}">${i}\n</span>`)}</pre>
+      </div>
+    `}_renderCommitForm(){return t`
+      <div class="git-section">
+        <div class="git-section-header">Commit</div>
+        <div class="commit-form">
+          <input
+            class="commit-input"
+            type="text"
+            placeholder="Commit message (optional)"
+            .value=${this._commitMessage}
+            @input=${e=>{this._commitMessage=e.target.value}}
+          />
+          <button
+            class="btn btn--primary"
+            ?disabled=${this._commitDisabled}
+            @click=${()=>this._handleCommit()}
+          >${this._committing?"Committing...":"Commit"}</button>
+        </div>
+      </div>
+    `}_renderCommitLog(){return t`
+      <div class="git-section">
+        <div class="git-section-header">Recent Commits</div>
+        ${this._gitLog.length===0?t`<div class="clean-message">No commits yet</div>`:this._gitLog.map(e=>t`
+                <div class="commit-entry">
+                  <span class="commit-sha">${e.sha.slice(0,7)}</span>
+                  <span class="commit-message">${e.message}</span>
+                  <span class="commit-time">
+                    <ic-relative-time .timestamp=${new Date(e.date).getTime()}></ic-relative-time>
+                  </span>
+                </div>
+              `)}
+      </div>
+    `}};r.styles=[u,v,b`
+      :host {
+        display: block;
+      }
+
+      /* --- Layout --- */
+      .workspace-layout {
+        display: grid;
+        grid-template-columns: 280px 1fr;
+        gap: var(--ic-space-md, 0.75rem);
+        min-height: 500px;
+      }
+
+      /* --- Status bar --- */
+      .status-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        margin-bottom: var(--ic-space-md, 0.75rem);
+        flex-wrap: wrap;
+      }
+
+      .status-bar code {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-muted, #9ca3af);
+        background: var(--ic-surface-2, #1f2937);
+        padding: 2px 6px;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+      }
+
+      /* --- Tab bar --- */
+      .tab-bar {
+        display: flex;
+        gap: 0;
+        border-bottom: 1px solid var(--ic-border, #374151);
+        margin-bottom: var(--ic-space-md, 0.75rem);
+      }
+
+      .tab-btn {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: transparent;
+        border: none;
+        border-bottom: 2px solid transparent;
+        color: var(--ic-text-muted, #9ca3af);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+        transition: color var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease);
+      }
+
+      .tab-btn:hover {
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .tab-btn--active {
+        color: var(--ic-accent, #3b82f6);
+        border-bottom-color: var(--ic-accent, #3b82f6);
+      }
+
+      /* --- File tree sidebar --- */
+      .file-tree {
+        border-right: 1px solid var(--ic-border, #374151);
+        padding-right: var(--ic-space-md, 0.75rem);
+        overflow-y: auto;
+        max-height: 600px;
+      }
+
+      .tree-section-label {
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--ic-text-dim, #858d9d);
+        margin: var(--ic-space-md, 0.75rem) 0 var(--ic-space-xs, 0.25rem) 0;
+      }
+
+      .tree-separator {
+        border: none;
+        border-top: 1px solid var(--ic-border, #374151);
+        margin: var(--ic-space-sm, 0.5rem) 0;
+      }
+
+      .tree-item {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-sm, 0.5rem);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        background: transparent;
+        border: none;
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+        width: 100%;
+        text-align: left;
+        transition: background var(--ic-transition, 150ms ease);
+      }
+
+      .tree-item:hover {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .tree-item--active {
+        background: color-mix(in srgb, var(--ic-accent, #3b82f6) 15%, transparent);
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      .presence-dot {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        flex-shrink: 0;
+      }
+
+      .presence-dot--present {
+        background: var(--ic-success, #34d399);
+      }
+
+      .presence-dot--absent {
+        background: var(--ic-error, #f87171);
+      }
+
+      .file-name {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .file-size {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim, #858d9d);
+        flex-shrink: 0;
+      }
+
+      .folder-icon {
+        flex-shrink: 0;
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      /* --- Editor panel --- */
+      .editor-panel {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .editor-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .editor-filename {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 600;
+      }
+
+      .dirty-indicator {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-warning, #fbbf24);
+        font-style: italic;
+      }
+
+      .editor-textarea {
+        width: 100%;
+        min-height: 400px;
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-sm, 0.875rem);
+        line-height: 1.5;
+        background: var(--ic-surface-2, #1f2937);
+        color: var(--ic-text, #f3f4f6);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        padding: var(--ic-space-md, 0.75rem);
+        resize: vertical;
+        tab-size: 2;
+      }
+
+      .editor-textarea:focus {
+        outline: 2px solid var(--ic-accent, #3b82f6);
+        outline-offset: -1px;
+      }
+
+      /* --- Action buttons --- */
+      .action-bar {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+        margin-top: var(--ic-space-xs, 0.25rem);
+      }
+
+      .btn {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs, 0.25rem);
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease),
+          color var(--ic-transition, 150ms ease);
+      }
+
+      .btn--primary {
+        background: var(--ic-accent, #3b82f6);
+        color: #fff;
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .btn--primary:hover {
+        background: var(--ic-accent-hover, #2563eb);
+      }
+
+      .btn--secondary {
+        background: transparent;
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .btn--secondary:hover {
+        background: var(--ic-surface-2, #1f2937);
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .btn--danger {
+        background: transparent;
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+      }
+
+      .btn--danger:hover {
+        background: color-mix(in srgb, var(--ic-error, #f87171) 10%, transparent);
+      }
+
+      .btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      /* --- Directory table --- */
+      .dir-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .dir-table th {
+        text-align: left;
+        font-weight: 600;
+        font-size: var(--ic-text-xs, 0.75rem);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--ic-text-dim, #858d9d);
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-sm, 0.5rem);
+        border-bottom: 1px solid var(--ic-border, #374151);
+      }
+
+      .dir-table td {
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-sm, 0.5rem);
+        border-bottom: 1px solid
+          color-mix(in srgb, var(--ic-border, #374151) 50%, transparent);
+      }
+
+      .dir-table tr:nth-child(even) td {
+        background: color-mix(in srgb, var(--ic-surface-2, #1f2937) 50%, transparent);
+      }
+
+      .dir-empty {
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+        padding: var(--ic-space-md, 0.75rem);
+        text-align: center;
+      }
+
+      /* --- Placeholder panel --- */
+      .placeholder-panel {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        min-height: 300px;
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+      }
+
+      /* --- Git tab --- */
+      .git-panel {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md, 0.75rem);
+      }
+
+      .git-section {
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        overflow: hidden;
+      }
+
+      .git-section-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: var(--ic-surface-2, #1f2937);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 600;
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .git-branch {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      .git-change-count {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-muted, #9ca3af);
+        font-weight: 400;
+      }
+
+      .changed-file {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-md, 0.75rem);
+        border-top: 1px solid var(--ic-border, #374151);
+        font-size: var(--ic-text-sm, 0.875rem);
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease);
+      }
+
+      .changed-file:hover {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .changed-file--active {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .status-badge {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 700;
+        min-width: 1.5rem;
+        text-align: center;
+      }
+
+      .status-badge--M { color: var(--ic-warning, #f59e0b); }
+      .status-badge--A { color: var(--ic-success, #22c55e); }
+      .status-badge--D { color: var(--ic-error, #f87171); }
+      .status-badge--U { color: var(--ic-text-muted, #9ca3af); }
+
+      .changed-file-path {
+        flex: 1;
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text, #f3f4f6);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .restore-btn {
+        padding: 2px 8px;
+        font-size: var(--ic-text-xs, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text-muted, #9ca3af);
+        font-family: inherit;
+        cursor: pointer;
+        transition: all var(--ic-transition, 150ms ease);
+      }
+
+      .restore-btn:hover {
+        border-color: var(--ic-warning, #f59e0b);
+        color: var(--ic-warning, #f59e0b);
+      }
+
+      /* Diff viewer */
+      .diff-viewer {
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        overflow: hidden;
+      }
+
+      .diff-header {
+        display: flex;
+        align-items: center;
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: var(--ic-surface-2, #1f2937);
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .diff-content {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-sm, 0.875rem);
+        line-height: 1.5;
+        margin: 0;
+        padding: var(--ic-space-md, 0.75rem);
+        overflow-x: auto;
+        max-height: 400px;
+        overflow-y: auto;
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .diff-add {
+        background: color-mix(in srgb, #22c55e 15%, transparent);
+        color: #86efac;
+      }
+
+      .diff-del {
+        background: color-mix(in srgb, #ef4444 15%, transparent);
+        color: #fca5a5;
+      }
+
+      .diff-hunk {
+        color: var(--ic-info, #06b6d4);
+        font-weight: 600;
+      }
+
+      .diff-ctx {
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .diff-empty {
+        padding: var(--ic-space-lg, 1rem);
+        text-align: center;
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+      }
+
+      /* Commit form */
+      .commit-form {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-md, 0.75rem);
+      }
+
+      .commit-input {
+        flex: 1;
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: var(--ic-surface-1, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+      }
+
+      .commit-input::placeholder {
+        color: var(--ic-text-dim, #858d9d);
+      }
+
+      /* Commit log */
+      .commit-entry {
+        display: flex;
+        align-items: baseline;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-md, 0.75rem);
+        border-top: 1px solid var(--ic-border, #374151);
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .commit-sha {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-accent, #3b82f6);
+        flex-shrink: 0;
+      }
+
+      .commit-message {
+        flex: 1;
+        color: var(--ic-text, #f3f4f6);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .commit-time {
+        flex-shrink: 0;
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .clean-message {
+        padding: var(--ic-space-md, 0.75rem);
+        text-align: center;
+        color: var(--ic-text-dim, #858d9d);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-style: italic;
+      }
+
+      /* --- Error state --- */
+      .error-container {
+        text-align: center;
+        padding: var(--ic-space-2xl, 3rem);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .error-message {
+        margin-bottom: var(--ic-space-md, 0.75rem);
+        color: var(--ic-error, #f87171);
+      }
+
+      .retry-btn {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      .retry-btn:hover {
+        border-color: var(--ic-accent, #3b82f6);
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      /* --- Responsive --- */
+      @media (max-width: 767px) {
+        .workspace-layout {
+          grid-template-columns: 1fr;
+        }
+
+        .file-tree {
+          border-right: none;
+          border-bottom: 1px solid var(--ic-border, #374151);
+          padding-right: 0;
+          padding-bottom: var(--ic-space-md, 0.75rem);
+          max-height: 250px;
+        }
+      }
+    `];a([h({attribute:!1})],r.prototype,"rpcClient",2);a([h()],r.prototype,"agentId",2);a([s()],r.prototype,"_status",2);a([s()],r.prototype,"_loadState",2);a([s()],r.prototype,"_error",2);a([s()],r.prototype,"_activeTab",2);a([s()],r.prototype,"_selectedFile",2);a([s()],r.prototype,"_selectedSubdir",2);a([s()],r.prototype,"_fileContent",2);a([s()],r.prototype,"_editedContent",2);a([s()],r.prototype,"_dirEntries",2);a([s()],r.prototype,"_saving",2);a([s()],r.prototype,"_dirty",2);a([s()],r.prototype,"_confirmAction",2);a([s()],r.prototype,"_actionPending",2);a([s()],r.prototype,"_gitStatus",2);a([s()],r.prototype,"_gitLog",2);a([s()],r.prototype,"_gitDiff",2);a([s()],r.prototype,"_gitDiffFile",2);a([s()],r.prototype,"_commitMessage",2);a([s()],r.prototype,"_committing",2);a([s()],r.prototype,"_restoreTarget",2);r=a([_("ic-workspace-manager")],r);export{r as IcWorkspaceManager};