@yancyyu/openhermit 1.6.29 → 1.6.30

package/src/renderer/components/extensions/skills/SkillsPanel.tsx

@@ -23,7 +23,6 @@ import {
   Info,
   Plus,
   Search,
-  Trash2,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
@@ -35,12 +34,7 @@ import { SkillImportDialog } from './SkillImportDialog';
 import { resolveSkillProjectPath } from './skillProjectUtils';
 
 import type { SkillsSortState } from '@renderer/hooks/useExtensionsTabState';
-import type {
-  SkillCatalogItem,
-  SkillDetail,
-  SkillSource,
-  SkillValidationIssue,
-} from '@shared/types/extensions';
+import type { SkillCatalogItem, SkillDetail, SkillValidationIssue } from '@shared/types/extensions';
 
 const SUCCESS_BANNER_MS = 2500;
 const NEW_SKILL_HIGHLIGHT_MS = 4000;
@@ -141,10 +135,6 @@ export const SkillsPanel = ({
   const [quickFilter, setQuickFilter] = useState<SkillsQuickFilter>('all');
   const [successMessage, setSuccessMessage] = useState<string | null>(null);
   const [highlightedSkillId, setHighlightedSkillId] = useState<string | null>(null);
-  const [skillSources, setSkillSources] = useState<SkillSource[]>([]);
-  const [newSkillSourceUrl, setNewSkillSourceUrl] = useState('');
-  const [skillSourceLoading, setSkillSourceLoading] = useState(false);
-  const [skillSourceError, setSkillSourceError] = useState<string | null>(null);
   const selectedSkillIdRef = useRef<string | null>(selectedSkillId);
   const selectedSkillItemRef = useRef<SkillCatalogItem | null>(null);
   selectedSkillIdRef.current = selectedSkillId;
@@ -221,55 +211,6 @@ export const SkillsPanel = ({
     };
   }, [fetchSkillDetail, fetchSkillsCatalog, projectPath]);
 
-  useEffect(() => {
-    if (!api.skills) return;
-    void api.skills
-      .listSources()
-      .then((snapshot) => setSkillSources(snapshot.sources))
-      .catch(() => undefined);
-  }, []);
-
-  const saveAndRefreshSkillSources = async (sources: SkillSource[]): Promise<void> => {
-    if (!api.skills) return;
-    setSkillSourceLoading(true);
-    setSkillSourceError(null);
-    try {
-      const saved = await api.skills.saveSources(sources);
-      setSkillSources(saved.sources);
-      const refreshed = await api.skills.refreshSources();
-      setSkillSources(refreshed.sources);
-      await fetchSkillsCatalog(projectPath ?? undefined);
-      setSuccessMessage('Skills 源已同步到 ~/.hermit/skills');
-    } catch (error) {
-      setSkillSourceError(error instanceof Error ? error.message : '同步 Skills 源失败');
-    } finally {
-      setSkillSourceLoading(false);
-    }
-  };
-
-  const handleAddSkillSource = async (): Promise<void> => {
-    const url = newSkillSourceUrl.trim();
-    if (!url) return;
-    const id =
-      url
-        .replace(/\.git$/, '')
-        .split(/[/:]/)
-        .filter(Boolean)
-        .slice(-2)
-        .join('-')
-        .toLowerCase()
-        .replace(/[^a-z0-9._-]+/g, '-') || `source-${Date.now().toString(36)}`;
-    await saveAndRefreshSkillSources([
-      ...skillSources,
-      { id, name: id, url, enabled: true, branch: 'main' },
-    ]);
-    setNewSkillSourceUrl('');
-  };
-
-  const handleRemoveSkillSource = async (sourceId: string): Promise<void> => {
-    await saveAndRefreshSkillSources(skillSources.filter((source) => source.id !== sourceId));
-  };
-
   const visibleSkills = useMemo(() => {
     const q = skillsSearchQuery.trim().toLowerCase();
     const filteredByQuery = q
@@ -307,71 +248,6 @@ export const SkillsPanel = ({
 
   return (
     <div className="flex flex-col gap-4">
-      <div className="rounded-md border border-blue-500/30 bg-blue-500/5 px-4 py-3 text-sm text-blue-300">
-        全局技能由 `~/.hermit/skills` 管理，并在团队启动前投影到各 runtime 的全局 skills
-        目录。项目技能直接安装到你选择的项目 runtime 目录。
-      </div>
-      <div className="bg-surface-raised/20 rounded-xl border border-border p-4">
-        <div className="flex flex-col gap-3 lg:flex-row lg:items-end">
-          <div className="min-w-0 flex-1 space-y-1">
-            <h3 className="text-sm font-semibold text-text">全局 Skills 源</h3>
-            <p className="text-xs text-text-muted">
-              Git 源会同步到 `~/.hermit/skills`，随后由 Hermit 投影给 Claude、Cursor、Codex
-              等运行时。
-            </p>
-            <p className="text-xs text-text-muted">
-              打开面板只读取本地缓存；只有点击“添加并同步”或“刷新源”才会访问 GitHub 更新。
-            </p>
-            <input
-              value={newSkillSourceUrl}
-              onChange={(event) => setNewSkillSourceUrl(event.target.value)}
-              placeholder="https://github.com/yancyuu/HermitSkills"
-              className="mt-2 h-8 w-full rounded-md border border-border bg-surface px-2 text-xs text-text"
-            />
-          </div>
-          <Button
-            variant="outline"
-            size="sm"
-            disabled={skillSourceLoading || !newSkillSourceUrl.trim()}
-            onClick={() => void handleAddSkillSource()}
-          >
-            {skillSourceLoading ? '同步中...' : '添加并同步'}
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            disabled={skillSourceLoading || skillSources.length === 0}
-            onClick={() => void saveAndRefreshSkillSources(skillSources)}
-          >
-            刷新源
-          </Button>
-        </div>
-        {skillSourceError ? <p className="mt-2 text-xs text-red-400">{skillSourceError}</p> : null}
-        {skillSources.length > 0 ? (
-          <div className="mt-3 flex flex-wrap gap-1.5">
-            {skillSources.map((source) => (
-              <span
-                key={source.id}
-                className="inline-flex max-w-full items-center gap-1 rounded bg-surface-raised px-1.5 py-0.5 text-[10px] text-text-muted"
-                title={source.url}
-              >
-                <span className="max-w-44 truncate">
-                  {source.name}
-                  {source.lastError ? ' · 同步失败' : ''}
-                </span>
-                <button
-                  type="button"
-                  className="-mr-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded hover:bg-red-500/10 hover:text-red-300"
-                  onClick={() => void handleRemoveSkillSource(source.id)}
-                  aria-label={`删除 Skills 源 ${source.name}`}
-                >
-                  <Trash2 size={10} />
-                </button>
-              </span>
-            ))}
-          </div>
-        ) : null}
-      </div>
       <div className="bg-surface-raised/20 rounded-xl border border-border p-4">
         <div className="flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between">
           <div className="min-w-0 flex-1 space-y-1 xl:max-w-2xl">
@@ -387,7 +263,6 @@ export const SkillsPanel = ({
             </p>
             <p className="max-w-2xl text-xs leading-5 text-text-muted">
               需要到处生效的习惯请使用个人技能；只对当前代码库有意义的流程请使用项目技能。
-              全局技能从 Hermit 源统一投影；项目技能直接写入所选项目 runtime 目录。
             </p>
           </div>
 

package/src/renderer/components/settings/sections/HarnessSection.tsx

@@ -10,6 +10,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { providersApi } from '@renderer/api/providers';
 import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from '@renderer/components/team/HarnessCards';
 import type { CcAgentType } from '@renderer/components/team/HarnessCards';
+import { HarnessIcon } from '@renderer/components/team/HarnessSelect';
 import { cn } from '@renderer/lib/utils';
 import { OPEN_HERMIT_EVENTS } from '@renderer/utils/openHermitEvents';
 import { CheckCircle2 } from 'lucide-react';
@@ -115,12 +116,7 @@ export const HarnessSection = (): React.JSX.Element => {
                   background: 'var(--color-surface-raised)',
                 }}
               >
-                <div
-                  className={cn(
-                    'h-2 w-2 shrink-0 rounded-full',
-                    covered ? 'bg-green-500' : 'bg-gray-500'
-                  )}
-                />
+                <HarnessIcon type={type} className="size-5 shrink-0" />
                 <div className="min-w-0 flex-1">
                   <p
                     className="truncate text-xs font-medium"

package/src/renderer/components/settings/sections/TaskBusSection.tsx

@@ -230,24 +230,34 @@ export function TaskBusSection(): React.JSX.Element {
       .finally(() => setLoading(false));
 
     // Restore telemetry status + Redis connection state on mount
-    fetch('/api/telemetry/status')
+    fetch('/api/settings/task-bus')
       .then((r) => r.json())
-      .then((s: TelemetryStatus) => {
-        if (s.connected) setConnected(true);
-        if ('sessions' in s && s.sessions > 0) setTelemetryStatus(s);
+      .then((busConfig: TaskBusConfig) => {
+        if (busConfig.enabled) {
+          fetch('/api/telemetry/status')
+            .then((r) => r.json())
+            .then((s: TelemetryStatus) => {
+              if (s.connected) setConnected(true);
+              if ('sessions' in s && s.sessions > 0) setTelemetryStatus(s);
+            })
+            .catch(() => {});
+        }
       })
       .catch(() => {});
 
     const poll = setInterval(() => {
-      if (collectionEnabled) {
+      if (enabled && collectionEnabled) {
         fetch('/api/telemetry/status')
           .then((r) => r.json())
-          .then((s: TelemetryStatus) => setTelemetryStatus(s))
+          .then((s: TelemetryStatus) => {
+            setTelemetryStatus(s);
+            setConnected(s.connected === true);
+          })
           .catch(() => {});
       }
     }, 30000);
     return () => clearInterval(poll);
-  }, [collectionEnabled]);
+  }, [enabled, collectionEnabled]);
 
   const buildConfig = (
     overrides: Partial<{

package/src/renderer/components/sidebar/SidebarSessions.tsx

@@ -402,6 +402,29 @@ const SessionRow = ({
     };
   }, [historyLimit, isExpanded, session.teamName, session.id]);
 
+  // While a live session stays expanded, keep its detail fresh with a silent
+  // refetch (no skeleton flash) so newly arrived messages show without needing
+  // to collapse and reopen.
+  useEffect(() => {
+    if (!isExpanded || !session.live) {
+      return;
+    }
+    const intervalId = window.setInterval(() => {
+      if (document.visibilityState !== 'visible') {
+        return;
+      }
+      void (async () => {
+        try {
+          const d = await api.teams.getSessionDetail(session.teamName, session.id, historyLimit);
+          setDetail(d);
+        } catch {
+          // silent — transient fetch failures are retried on the next tick
+        }
+      })();
+    }, REFRESH_INTERVAL_MS);
+    return () => window.clearInterval(intervalId);
+  }, [isExpanded, session.live, session.teamName, session.id, historyLimit]);
+
   const handleLoadMoreHistory = useCallback(() => {
     if (loadingDetail || loadingMoreHistory || !hasMoreHistory) {
       return;

package/src/renderer/components/sidebar/WorkspaceBrowser.tsx

@@ -217,13 +217,7 @@ const TeamWorkspace = ({
                 <button
                   key={entry.name}
                   type="button"
-                  className={`flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors ${
-                    entry.isDirectory
-                      ? 'cursor-pointer hover:bg-[var(--color-surface-raised)]'
-                      : onFileClick
-                        ? 'cursor-pointer hover:bg-[var(--color-surface-raised)]'
-                        : 'hover:bg-[var(--color-surface-raised)]/50 cursor-default'
-                  }`}
+                  className="flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-[var(--color-surface-raised)]"
                   onClick={() => handleEntryClick(entry)}
                 >
                   {entry.isDirectory ? (

package/src/renderer/components/team/HarnessSelect.tsx

@@ -0,0 +1,71 @@
+import type { CcAgentType } from '@shared/types/ccConnect';
+import { ProviderBrandLogo } from '@renderer/components/common/ProviderBrandLogo';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@renderer/components/ui/select';
+import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from './HarnessCards';
+
+interface HarnessSelectProps {
+  value: CcAgentType;
+  onChange: (value: CcAgentType) => void;
+  className?: string;
+  id?: string;
+}
+
+const HARNESS_PROVIDER_MAP: Partial<
+  Record<CcAgentType, 'anthropic' | 'codex' | 'gemini' | 'opencode'>
+> = {
+  claudecode: 'anthropic',
+  codex: 'codex',
+  gemini: 'gemini',
+  opencode: 'opencode',
+};
+
+function HarnessIcon({ type, className }: { type: CcAgentType; className?: string }) {
+  const providerId = HARNESS_PROVIDER_MAP[type];
+  if (providerId) {
+    return <ProviderBrandLogo providerId={providerId} className={className} />;
+  }
+  return <span className={className}>{EMOJI_FALLBACK[type]}</span>;
+}
+
+const EMOJI_FALLBACK: Record<CcAgentType, string> = {
+  claudecode: '🤖',
+  codex: '🔬',
+  cursor: '💻',
+  gemini: '💎',
+  iflow: '🌊',
+  kimi: '🌙',
+  devin: '🧑‍💻',
+  opencode: '🔓',
+  qoder: '⚡',
+  pi: '🥧',
+  acp: '🔗',
+  tmux: '🖥️',
+};
+
+export function HarnessSelect({ value, onChange, className, id }: HarnessSelectProps) {
+  return (
+    <Select value={value} onValueChange={(v) => onChange(v as CcAgentType)}>
+      <SelectTrigger id={id} className={className}>
+        <SelectValue />
+      </SelectTrigger>
+      <SelectContent>
+        {ALL_AGENT_TYPES.map((type) => (
+          <SelectItem key={type} value={type}>
+            <div className="flex items-center gap-2">
+              <HarnessIcon type={type} className="size-4 shrink-0" />
+              <span>{AGENT_TYPE_LABELS[type]}</span>
+            </div>
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}
+
+export { HarnessIcon, HARNESS_PROVIDER_MAP, EMOJI_FALLBACK };

package/src/renderer/components/team/TeamDetailView.tsx

@@ -69,6 +69,7 @@ import {
   Trash2,
   Loader2,
   MessageSquare,
+  Shield,
   Users,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
@@ -96,6 +97,7 @@ const ProjectEditorOverlay = lazy(() =>
 import { MemberList } from './members/MemberList';
 import { MessagesPanel } from './messages/MessagesPanel';
 import { ChangeReviewDialog } from './review/ChangeReviewDialog';
+import { ProjectEnvPanel } from '../extensions/env/ProjectEnvPanel';
 import {
   getTeamPendingRepliesState,
   setTeamPendingRepliesState,
@@ -880,6 +882,7 @@ export const TeamDetailView = ({
   const [removeMemberConfirm, setRemoveMemberConfirm] = useState<string | null>(null);
   const [updatingRoleLoading, setUpdatingRoleLoading] = useState(false);
   const [editDialogOpen, setEditDialogOpen] = useState(false);
+  const [envDialogOpen, setEnvDialogOpen] = useState(false);
   const [savedLaunchRequest, setSavedLaunchRequest] = useState<TeamLaunchRequest | null>(null);
   useEffect(() => {
     if (!editDialogOpen || !teamName) return;
@@ -2155,6 +2158,21 @@ export const TeamDetailView = ({
                     </div>
                   </div>
                   <div className="flex shrink-0 items-center gap-1.5">
+                    {data.config.projectPath && (
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            className="h-7 gap-1 px-2 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text)]"
+                            onClick={() => setEnvDialogOpen(true)}
+                          >
+                            <Shield size={12} />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent side="bottom">环境变量</TooltipContent>
+                      </Tooltip>
+                    )}
                     <Tooltip>
                       <TooltipTrigger asChild>
                         <Button
@@ -2302,6 +2320,11 @@ export const TeamDetailView = ({
                 title="外部派单"
                 icon={<Columns3 size={14} />}
                 badge={filteredTasks.length}
+                headerExtra={
+                  <span className="ml-1.5 rounded bg-amber-500/15 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-amber-500">
+                    Beta
+                  </span>
+                }
                 defaultOpen
                 forceOpen={kanbanSearch.trim().length > 0}
                 action={
@@ -2649,6 +2672,18 @@ export const TeamDetailView = ({
                 onRestartTeam={handleRestartTeamFromEdit}
               />
 
+              <Dialog open={envDialogOpen} onOpenChange={setEnvDialogOpen}>
+                <DialogContent className="max-h-[80vh] max-w-lg overflow-y-auto">
+                  <DialogHeader>
+                    <DialogTitle>项目环境变量</DialogTitle>
+                    <DialogDescription>
+                      管理当前项目所需的环境变量，供 MCP 和 Skills 使用。
+                    </DialogDescription>
+                  </DialogHeader>
+                  <ProjectEnvPanel projectPath={data.config.projectPath ?? null} />
+                </DialogContent>
+              </Dialog>
+
               <Dialog
                 open={removeMemberConfirm !== null}
                 onOpenChange={(open) => {

package/src/renderer/components/team/dialogs/CreateTeamDialog.tsx

@@ -44,7 +44,8 @@ import {
   X,
 } from 'lucide-react';
 
-import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from '../HarnessCards';
+import { AGENT_TYPE_LABELS } from '../HarnessCards';
+import { HarnessSelect } from '../HarnessSelect';
 import { ProjectPathSelector } from './ProjectPathSelector';
 import { OptionalSettingsSection } from './OptionalSettingsSection';
 import { AutoResizeTextarea } from '@renderer/components/ui/auto-resize-textarea';
@@ -52,7 +53,13 @@ import { platformMeta, isQRPlatform } from './platformMeta';
 import PlatformSetupQR from './PlatformSetupQR';
 import PlatformManualForm from './PlatformManualForm';
 
-import type { Project, TeamCreateRequest } from '@shared/types';
+import type {
+  EffortLevel,
+  Project,
+  TeamCreateRequest,
+  TeamFastMode,
+  TeamProviderId,
+} from '@shared/types';
 import type { CcAgentType } from '@shared/types/ccConnect';
 import type { GlobalProvider } from '@shared/types/providers';
 
@@ -69,6 +76,14 @@ export interface TeamCopyData {
   teamName: string;
   description?: string;
   color?: string;
+  providerId?: TeamProviderId;
+  model?: string;
+  effort?: EffortLevel;
+  fastMode?: TeamFastMode;
+  limitContext?: boolean;
+  skipPermissions?: boolean;
+  templateSourceId?: string;
+  templateDirectoryId?: string;
 }
 
 // ---------------------------------------------------------------------------
@@ -549,18 +564,12 @@ export const CreateTeamDialog = ({
 
             <div className="space-y-1.5">
               <Label htmlFor="team-harness">Agent 类型</Label>
-              <select
+              <HarnessSelect
                 id="team-harness"
-                className="flex w-full rounded-md border border-[var(--color-border)] bg-transparent px-3 py-2 text-sm"
                 value={selectedHarness}
-                onChange={(e) => setSelectedHarness(e.target.value as CcAgentType)}
-              >
-                {ALL_AGENT_TYPES.map((t) => (
-                  <option key={t} value={t}>
-                    {AGENT_TYPE_LABELS[t]}
-                  </option>
-                ))}
-              </select>
+                onChange={setSelectedHarness}
+                className="w-full"
+              />
             </div>
 
             <ProjectPathSelector

package/src/renderer/components/team/dialogs/EditTeamDialog.tsx

@@ -1,7 +1,8 @@
 import { useEffect, useState } from 'react';
 
 import { api } from '@renderer/api';
-import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from '@renderer/components/team/HarnessCards';
+import { AGENT_TYPE_LABELS } from '@renderer/components/team/HarnessCards';
+import { HarnessSelect } from '@renderer/components/team/HarnessSelect';
 import { Button } from '@renderer/components/ui/button';
 import { Checkbox } from '@renderer/components/ui/checkbox';
 import {
@@ -259,20 +260,14 @@ export const EditTeamDialog = ({
                 <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
                   Agent 类型
                 </label>
-                <select
-                  value={agentType}
-                  onChange={(event) => {
+                <HarnessSelect
+                  value={agentType as CcAgentType}
+                  onChange={(v) => {
                     clearError();
-                    setAgentType(event.target.value);
+                    setAgentType(v);
                   }}
-                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
-                >
-                  {ALL_AGENT_TYPES.map((type) => (
-                    <option key={type} value={type}>
-                      {AGENT_TYPE_LABELS[type]}
-                    </option>
-                  ))}
-                </select>
+                  className="w-full"
+                />
               </div>
 
               <div>

package/src/renderer/components/team/kanban/KanbanBoard.tsx

@@ -361,49 +361,26 @@ export const KanbanBoard = ({
     columnTasks: TeamTask[],
     compact?: boolean
   ): React.JSX.Element => {
-    const addHandler =
-      onAddTask && columnId === 'todo'
-        ? () => onAddTask(false)
-        : onAddTask && columnId === 'in_progress'
-          ? () => onAddTask(true)
-          : undefined;
-
-    const addButton = addHandler ? (
-      <button
-        type="button"
-        onClick={addHandler}
-        className="flex w-full items-center justify-center gap-1.5 rounded-md border border-dashed border-[var(--color-border)] p-3 text-xs text-[var(--color-text-muted)] transition-colors hover:border-[var(--color-border-emphasis)] hover:text-[var(--color-text-secondary)]"
-      >
-        <Plus size={13} />
-        Add task
-      </button>
-    ) : null;
-
     if (columnTasks.length === 0) {
       return (
-        addButton ?? (
-          <div className="rounded-md border border-dashed border-[var(--color-border)] p-3 text-xs text-[var(--color-text-muted)]">
-            No tasks
-          </div>
-        )
+        <div className="rounded-md border border-dashed border-[var(--color-border)] p-3 text-xs text-[var(--color-text-muted)]">
+          No tasks
+        </div>
       );
     }
     if (enableTaskSorting) {
       const itemIds = columnTasks.map((t) => t.id);
       return (
-        <>
-          <SortableContext items={itemIds} strategy={verticalListSortingStrategy}>
-            {columnTasks.map((task) => (
-              <SortableKanbanTaskCard
-                key={task.id}
-                task={task}
-                columnId={columnId}
-                memberColorMap={memberColorMap}
-              />
-            ))}
-          </SortableContext>
-          {addButton}
-        </>
+        <SortableContext items={itemIds} strategy={verticalListSortingStrategy}>
+          {columnTasks.map((task) => (
+            <SortableKanbanTaskCard
+              key={task.id}
+              task={task}
+              columnId={columnId}
+              memberColorMap={memberColorMap}
+            />
+          ))}
+        </SortableContext>
       );
     }
     return (
@@ -432,7 +409,6 @@ export const KanbanBoard = ({
             onDeleteTask={onDeleteTask}
           />
         ))}
-        {addButton}
       </>
     );
   };
@@ -614,36 +590,22 @@ export const KanbanBoard = ({
         </div>
       ) : (
         <div className="w-full min-w-0 max-w-full overflow-x-auto overflow-y-hidden px-1 pb-6 pr-4 pt-2">
-          <div className="flex min-w-max items-start pr-1">
-            {visibleColumns.map((column, index) => {
+          <div className="flex w-full items-start gap-3">
+            {visibleColumns.map((column) => {
               const columnTasks = groupedOrdered.get(column.id) ?? [];
               const accent = COLUMN_ACCENTS[column.id as 'todo' | 'in_progress' | 'done'];
-              const width = columnWidths.get(column.id) ?? 256;
-              const handleProps = getHandleProps(column.id);
               return (
-                <div key={column.id} className="flex shrink-0">
-                  <div style={{ width }}>
-                    <KanbanColumn
-                      title={column.title}
-                      count={columnTasks.length}
-                      icon={accent.icon}
-                      headerBg={accent.headerBg}
-                      bodyBg={accent.bodyBg}
-                      bodyClassName="max-h-none overflow-visible"
-                    >
-                      {renderCards(column.id, columnTasks, true)}
-                    </KanbanColumn>
-                  </div>
-                  {index < visibleColumns.length - 1 ? (
-                    <div
-                      className="group relative mx-0.5 flex items-center justify-center"
-                      onPointerDown={handleProps.onPointerDown}
-                      style={handleProps.style}
-                      aria-label={handleProps['aria-label']}
-                    >
-                      <div className="h-full w-px bg-[var(--color-border)] transition-colors group-hover:bg-blue-500/50 group-active:bg-blue-500" />
-                    </div>
-                  ) : null}
+                <div key={column.id} className="min-w-0 flex-1">
+                  <KanbanColumn
+                    title={column.title}
+                    count={columnTasks.length}
+                    icon={accent.icon}
+                    headerBg={accent.headerBg}
+                    bodyBg={accent.bodyBg}
+                    bodyClassName="max-h-none overflow-visible"
+                  >
+                    {renderCards(column.id, columnTasks, true)}
+                  </KanbanColumn>
                 </div>
               );
             })}