{railItems.length > 0 ? railItems.map((it, i) => ( )) : ≡}

) } return (

{t('title')} {updateInfo && ( )}

{view.searchOpen && (

persistView({ query: e.target.value })} onKeyDown={onSearchKeyDown} />

)} {addOpen &&

setAddOpen(false)} />} {addOpen && (

{t('add.chooseLayout')}

{PRESET_DEFS.map((def) => ( ))}

{ setWsName(e.target.value); setWsError(false) }} />

{t('add.folderParent')} {wsFolderParent || t('add.folderNone')}

{wsError &&

{t('add.layoutInvalid')}

} {wsFolderError &&

{t('add.folderRequired')}

}

)} {iconPick && ( <>

setIconPick(null)} />

{t('icons.title')}

{EMOJI_SET.map((em) => { const cur = iconPick.kind === 'layout' ? (projects.layouts.find((l) => l.id === iconPick.id)?.icon ?? '🧱') : iconPick.kind === 'shortcut' ? (projects.shortcuts.find((s) => s.id === iconPick.id)?.icon ?? '🔗') : (projects.iconOverrides[iconPick.id] ?? metas[iconPick.id]?.icon ?? '📦') return ( ) })}

)} {viewOptionsOpen &&

setViewOptionsOpen(false)} />} {viewOptionsOpen && (

{updateInfo && (

{t('update.available')} · v{updateInfo.latest}

{t('update.current')} v{LOCAL_VERSION} → v{updateInfo.latest}

{updateInfo.notes &&

{updateInfo.notes}

}

{UPGRADE_CMD}

{t('update.upgradeHint')}

)}

{t('sort.label')}

{t('manage.title')}

{effectiveOrder.map((id) => { const meta = metas[id] const layout = projects.layouts.find((l) => l.id === id) const display = projects.nameOverrides[id] ?? layout?.title ?? meta?.name ?? id const isHidden = projects.hidden.includes(id) return (

{ dragIdRef.current = id; try { e.dataTransfer.effectAllowed = 'move' } catch {} }} onDragOver={(e: any) => { e.preventDefault() const dragId = dragIdRef.current if (dragId && dragId !== id) moveTo(dragId, id) }} onDrop={(e: any) => e.preventDefault()} onDragEnd={() => { dragIdRef.current = null }} > ≡ {layout ? { e.stopPropagation(); openIconPick('layout', id, e.currentTarget as HTMLElement) }} >{layout.icon ?? '🧱'} : { e.stopPropagation(); openIconPick('project', id, e.currentTarget as HTMLElement) }} >{projects.iconOverrides[id] ?? meta?.icon ?? '📦'}} renameProject(id, v)} />

) })} {projects.shortcuts.map((s) => (

🔗 { e.stopPropagation(); openIconPick('shortcut', s.id, e.currentTarget as HTMLElement) }} >{s.icon} {s.name}

))}

v{LOCAL_VERSION} {updateStatus === 'uptodate' && !updateInfo ? ' · ' + t('update.upToDate') : ''} {updateStatus === 'failed' && !updateInfo ? ' · ' + t('update.checkFail') : ''} {t('update.autoCheck')}

)} {viewPickFor &&

setViewPickFor(null)} />} {viewPickFor && (

{t('viewPick.title')}

{PRESET_DEFS.map((def) => { const cur = projects.layouts.find((l) => l.id === viewPickFor) ?? projects.views[viewPickFor] return ( ) })}

)} {bindPick &&

{ setBindPick(null); setBindListOpen(false) }} />} {bindPick && (

{/* 项目文件夹框（格式基准）：第一行 emoji+标题，第二行路径；可随时更改 */}

📁 {t('bind.folder')}

{projects.folders[bindPick.id] ?? t('bind.folderNone')}

{/* 绑定对话框（与项目文件夹同格式）：第一行 💬+标题（最右解绑）；第二行分组 | 对话名（点击右侧弹列表，再点反选收起）；框内下方：说明 */}

💬 {t('bind.title')} {projects.bindings[bindPick.id] && ( )}

{(() => { const sid = projects.bindings[bindPick.id] if (!sid) { return ( ) } const info = bindInfoOf(bindGroups, sid) return ( ) })()}

{t('bind.hint')}

)} {/* 对话列表弹层：点「绑定对话」行弹出（优先右侧，放不下翻到左侧）；选中即绑定并收起 */} {bindPick && bindListOpen && (() => { // 主弹窗实际渲染宽 = 280 + 菜单内边距/边框（约 292），右侧列表按 300 偏移避免重叠 const rightFits = bindPick.x + 300 + 260 <= window.innerWidth - 8 const listLeft = rightFits ? bindPick.x + 300 : Math.max(8, bindPick.x - 268) return (

{bindGroups.map((g, gi) => ( {g.title && ( <>

📁 {g.title}

)} {g.sessions.map((s) => ( ))} ))}

) })()} {/* 控制室强制绑定弹窗：左「加入现有对话」+ 右「新建对话」，选定/建成后自动打开控制室 */} {consoleBind &&

setConsoleBind(null)} />} {consoleBind && (

➕ {t('console.joinExisting')}

{consoleGroups.map((g, gi) => ( {g.title && ( <>

📁 {g.title}

)} {g.sessions.map((s) => ( ))} ))} {consoleGroups.length === 0 &&

{t('console.noSessions')}

}

✨ {t('console.newConv')} {consoleMode === 'existing' && ( )} {consoleMode === 'new' && ( <> setConsoleParent(e.target.value)} /> setConsoleName(e.target.value)} /> )} {consoleErr &&

{t('console.bindFail')}

}

)} {customOpen &&

setCustomOpen(false)} />} {customOpen && (

✨ {t('customLayout.title')}

setCustomLayoutText(e.target.value)}
          />
          <button type="button" className="dsh-wt_customLayoutBtn" onClick={copyCustomLayout}>{t('customLayout.copy')}</button>
          {copiedToast && (
            <p className={'dsh-wt_customLayoutToast' + (copiedToast === 'fail' ? ' dsh-wt_customLayoutToastFail' : '')}>
              {copiedToast === 'ok' ? '✅ ' + t('customLayout.copied') : '⚠️ ' + t('customLayout.copyFail')}
            </p>
          )}
        </div>
      )}

{requestDelete && <div className="dsh-wt_confirmBackdrop" onClick={() => setRequestDelete(null)} />}
      {requestDelete && (
        <div className="dsh-wt_confirm" role="alertdialog">
          <div className="dsh-wt_confirmTitle">⚠️ {t('confirm.title')}</div>
          <div className="dsh-wt_confirmBody">
            {requestDelete.kind === 'layout'
              ? t('confirm.layoutBody', { name: requestDelete.name })
              : requestDelete.kind === 'shortcut'
                ? t('confirm.shortcutBody', { name: requestDelete.name })
                : t('confirm.projectBody', { name: requestDelete.name })}
          </div>
          <div className="dsh-wt_confirmActions">
            <button type="button" className="dsh-wt_confirmCancel" onClick={() => setRequestDelete(null)}>{t('confirm.cancel')}</button>
            <button type="button" className="dsh-wt_confirmDelete" onClick={doDelete}>{t('confirm.delete')}</button>
          </div>
        </div>
      )}

<div className="dsh-wt_projects" data-managing={viewOptionsOpen ? 'true' : undefined}>
        {/* 「工作台」控制室项目：固定首位、不可删除；未绑定点开 = 强制绑定弹窗 */}
        <button
          type="button"
          className="dsh-wt_layout dsh-wt_consoleEntry"
          data-on={activeSplitId === CONSOLE_ID ? 'true' : 'false'}
          style={{ order: 0, position: 'relative' }}
          title={t('console.name')}
          onClick={(e) => clickConsoleCard(e.currentTarget as HTMLElement)}
        >
          <span className="dsh-wt_layoutIcon">{CONSOLE_ICON}</span>
          <span className="dsh-wt_layoutText">
            <span className="dsh-wt_layoutName">{t('console.name')}</span>
          </span>
          <span
            className={'dsh-wt_bindBtn'}
            role="button"
            tabIndex={0}
            data-bound={bindNotifyMap[CONSOLE_ID] ?? (projects.bindings[CONSOLE_ID] ? 'true' : 'false')}
            data-tip={projects.bindings[CONSOLE_ID]
              ? t('bind.tipBound', { name: boundSessionTitle(projects.bindings[CONSOLE_ID]) })
              : t('bind.tipUnbound')}
            aria-label={projects.bindings[CONSOLE_ID]
              ? t('bind.tipBound', { name: boundSessionTitle(projects.bindings[CONSOLE_ID]) })
              : t('bind.tipUnbound')}
            onClick={(e) => { e.stopPropagation(); openBindPick(CONSOLE_ID, e.currentTarget as HTMLElement) }}
          ><span className="dsh-wt_bindCircles" aria-hidden /></span>
          <span className="dsh-wt_layoutArrow" aria-hidden>›</span>
        </button>
        {renderProjectSlot
          ? renderProjectSlot('sidebar.worktable.project', ownerProps)
          : <div className="dsh-wt_empty">{t('empty')}</div>}
        {visibleLayouts.map((l) => (
          <button
            key={l.id}
            type="button"
            className="dsh-wt_layout"
            data-on={activeSplitId === l.id ? 'true' : 'false'}
            style={{ order: effectiveOrder.indexOf(l.id) + 1000, position: 'relative' }}
            onClick={() => { openSplit(l); reportUsed(l.id) }}
          >
            <span
              className="dsh-wt_layoutIcon dsh-wt_iconPick"
              role="button"
              tabIndex={0}
              title={t('icons.change')}
              onClick={(e) => { e.stopPropagation(); openIconPick('layout', l.id, e.currentTarget as HTMLElement) }}
            >{l.icon ?? '🧱'}</span>
            <span className="dsh-wt_layoutText">
              <span className="dsh-wt_layoutName">{projects.nameOverrides[l.id] ?? l.title}</span>
            </span>
            <span
              className={'dsh-wt_bindBtn'}
              role="button"
              tabIndex={0}
              data-bound={bindNotifyMap[l.id] ?? (projects.bindings[l.id] ? 'true' : 'false')}
              data-tip={projects.bindings[l.id]
                ? t('bind.tipBound', { name: boundSessionTitle(projects.bindings[l.id]) }) + (bindNotifyMap[l.id] === 'busy' ? t('bind.tipBusy') : bindNotifyMap[l.id] === 'done' ? t('bind.tipDone') : bindNotifyMap[l.id] === 'need' ? t('bind.tipNeed') : '')
                : t('bind.tipUnbound')}
              aria-label={projects.bindings[l.id] ? t('bind.tipBound', { name: boundSessionTitle(projects.bindings[l.id]) }) : t('bind.tipUnbound')}
              onClick={(e) => { e.stopPropagation(); openBindPick(l.id, e.currentTarget as HTMLElement) }}
            ><span className="dsh-wt_bindCircles" aria-hidden /></span>
            <span className="dsh-wt_layoutArrow" aria-hidden>›</span>
          </button>
        ))}
      </div>

{visibleShortcuts.length > 0 && (
        <div className="dsh-wt_shortcuts">
          {visibleShortcuts.map((s) => (
            <a
              key={s.id}
              className="dsh-wt_shortcut"
              href={s.href}
              target="_blank"
              rel="noreferrer noopener"
              title={s.href}
            >
              <span
                className="dsh-wt_shortcutIcon dsh-wt_iconPick"
                role="button"
                tabIndex={0}
                title={t('icons.change')}
                onClick={(e) => { e.stopPropagation(); e.preventDefault(); openIconPick('shortcut', s.id, e.currentTarget as HTMLElement) }}
              >{s.icon}</span>
              <span className="dsh-wt_shortcutName">{s.name}</span>
              <span className="dsh-wt_shortcutBadge">{t('shortcut.badge')}</span>
            </a>
          ))}
        </div>
      )}
    </div>
  )
}

export const inject = ['slots', 'locale', 'sessions', 'conversation', 'workspaces']

export function apply(ctx: any) {
  // 自定义窗口 → 宿主会话桥：保存 sessions/conversation/list 服务引用（模块级）
  sessionBridge = { sessions: ctx.sessions ?? null, conversation: ctx.conversation ?? null, list: ctx.sessions?.list ?? null, workspaces: ctx.workspaces ?? null }
  try { hostApi = ctx.get?.('connection')?.api ?? null } catch { hostApi = null }
  try { (window as any).__dshHostApi = hostApi } catch {}
  try { (window as any).__dshOpenSession = (id: string) => ctx.sessions?.open?.(id); (window as any).__dshSessions = ctx.sessions; (window as any).__dshPromptIntoSession = (id: string, text: string) => promptIntoSession(id, text); (window as any).__dshWorkspaces = ctx.workspaces; (window as any).__dshBuildWindowTaskText = buildWindowTaskText; (window as any).__dshSyncSessionScope = () => syncSessionScope(sessionBridge?.list) } catch {}

ctx.effect(() => {
    const style = document.createElement('style')
    style.setAttribute('data-dsh-plugin', 'dsh-worktable')
    style.textContent = css
    document.head.appendChild(style)
    return () => { style.remove() }
  }, 'dsh-worktable: styles')

// 绑定按钮 hover 气泡：事件委托 + body 级气泡（跨层显示，不遮挡右侧对话也不盖项目名）
  ctx.effect(() => {
    const over = (e: MouseEvent) => {
      const t = e.target as HTMLElement | null
      const btn = t && t.closest ? (t.closest('.dsh-wt_bindBtn') as HTMLElement | null) : null
      if (btn) showBindTip(btn)
    }
    const out = (e: MouseEvent) => {
      const t = e.target as HTMLElement | null
      if (t && t.closest && t.closest('.dsh-wt_bindBtn')) hideBindTip()
    }
    const hide = () => hideBindTip()
    document.addEventListener('mouseover', over, true)
    document.addEventListener('mouseout', out, true)
    document.addEventListener('scroll', hide, true)
    document.addEventListener('click', hide, true)
    return () => {
      document.removeEventListener('mouseover', over, true)
      document.removeEventListener('mouseout', out, true)
      document.removeEventListener('scroll', hide, true)
      document.removeEventListener('click', hide, true)
      if (bindTipEl) { bindTipEl.remove(); bindTipEl = null }
    }
  }, 'dsh-worktable: bind tip')

// locale 词典（宿主 locale 服务缺席时由 t 的回退分支兜底）
  ctx.effect(() => {
    if (ctx.locale?.register) return ctx.locale.register(NS, { zh, en })
  }, 'dsh-worktable: dictionaries')

// 子座位注册 id 序列跟踪（供排序/编辑模式使用）
  const syncIds = () => {
    const entries = ctx.slots.entries('sidebar.worktable.project')
    const ids: string[] = []
    for (const entry of entries) {
      const id = entry?.options?.id
      if (typeof id === 'string' && id && !ids.includes(id)) ids.push(id)
    }
    registryStore.ids = ids
    for (const fn of registryStore.listeners) fn()
  }
  const disposeSubscribe = ctx.slots.subscribe('sidebar.worktable.project', syncIds)
  syncIds()
  ctx.effect(() => disposeSubscribe, 'dsh-worktable: project registry watch')

// 会话作用域（当前会话 cwd 与后台任务）→ 功能窗数据源
  const sessionsList = ctx.sessions?.list
  if (sessionsList && typeof sessionsList.getSnapshot === 'function') {
    syncSessionScope(sessionsList)
    const disposeScope = sessionsList.subscribe(() => syncSessionScope(sessionsList))
    ctx.effect(() => disposeScope, 'dsh-worktable: session scope watch')
  }

// 分栏工作区浮层（M1 通用引擎，shell.overlay 座位）
  ctx.slots.inject('shell.overlay', () => ctx.slots.register({
    name: 'shell.overlay',
    id: 'dsh-worktable-split',
    order: 100,
  }, SplitWorkspace), 'dsh-worktable: split workspace overlay')

ctx.slots.inject('sidebar.footer.action', () => ctx.slots.register({
    name: 'sidebar.footer.action',
    id: 'dsh-worktable',
    order: 20,
    children: {
      'sidebar.worktable.project': {
        kind: 'list',
        scope: 'root',
      },
    },
  }, WorktableSection), 'dsh-worktable: worktable section')
}

export { WorktableSection }