@cat-factory/app 0.36.0 → 0.37.1

package/app/stores/documents.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import { computed, ref } from 'vue'
+import { ref } from 'vue'
 import type {
   DocumentBoardPlan,
   DocumentConnection,
@@ -8,6 +8,8 @@ import type {
   DocumentSourceKind,
   SourceDocument,
 } from '~/types/domain'
+import { useSourceIntegration } from '~/composables/useSourceIntegration'
+import { useUpsertList } from '~/composables/useUpsertList'
 import { useWorkspaceStore } from '~/stores/workspace'
 
 /**
@@ -24,83 +26,46 @@ export const useDocumentsStore = defineStore('documents', () => {
   const api = useApi()
   const workspace = useWorkspaceStore()
 
-  /** null = unknown (not probed yet), true/false = integration on/off. */
-  const available = ref<boolean | null>(null)
-  /** The configured sources and their connect/import descriptors. */
-  const sources = ref<DocumentSourceDescriptor[]>([])
-  /** Live connections, one per connected source. */
-  const connections = ref<DocumentConnection[]>([])
-  const documents = ref<SourceDocument[]>([])
+  // Shared opt-in / probe / connections lifecycle (see `useSourceIntegration`).
+  const integration = useSourceIntegration<
+    DocumentSourceKind,
+    DocumentConnection,
+    DocumentSourceDescriptor
+  >({
+    enabled: () => !!workspace.workspaceId,
+    fetch: async () => {
+      const [{ sources }, { connections }] = await Promise.all([
+        api.listDocumentSources(workspace.requireId()),
+        api.listDocumentConnections(workspace.requireId()),
+      ])
+      return { sources, connections }
+    },
+  })
+  const { available, sources, connections, connectedSources, anyConnected } = integration
+  const { descriptorFor, connectionFor, isConnected, probe } = integration
+
+  const { items: documents, upsert: upsertDoc } = useUpsertList<SourceDocument>({
+    key: (d) => `${d.source}:${d.externalId}`,
+    prepend: true,
+  })
   const loading = ref(false)
 
-  /** Sources the workspace currently has a live connection to. */
-  const connectedSources = computed(() =>
-    sources.value.filter((s) => connections.value.some((c) => c.source === s.source)),
-  )
-  const anyConnected = computed(() => connections.value.length > 0)
-
-  function descriptorFor(source: DocumentSourceKind): DocumentSourceDescriptor | undefined {
-    return sources.value.find((s) => s.source === source)
-  }
-
-  function connectionFor(source: DocumentSourceKind): DocumentConnection | undefined {
-    return connections.value.find((c) => c.source === source)
-  }
-
-  function isConnected(source: DocumentSourceKind): boolean {
-    return connectionFor(source) !== undefined
-  }
-
   /** Imported documents currently attached to a given block. */
   function docsForBlock(blockId: string): SourceDocument[] {
     return documents.value.filter((d) => d.linkedBlockId === blockId)
   }
 
-  /** Merge a document returned by the backend into the local cache. */
-  function upsertDoc(doc: SourceDocument) {
-    const i = documents.value.findIndex(
-      (d) => d.source === doc.source && d.externalId === doc.externalId,
-    )
-    if (i >= 0) documents.value[i] = doc
-    else documents.value.unshift(doc)
-  }
-
-  function upsertConnection(conn: DocumentConnection) {
-    const i = connections.value.findIndex((c) => c.source === conn.source)
-    if (i >= 0) connections.value[i] = conn
-    else connections.value.push(conn)
-  }
-
-  /** Probe the integration: resolves `available`, the sources and connections. */
-  async function probe() {
-    if (!workspace.workspaceId) return
-    try {
-      const [{ sources: srcs }, { connections: conns }] = await Promise.all([
-        api.listDocumentSources(workspace.requireId()),
-        api.listDocumentConnections(workspace.requireId()),
-      ])
-      available.value = true
-      sources.value = srcs
-      connections.value = conns
-    } catch {
-      // 503 (integration disabled) or any error → hide the UI entry points.
-      available.value = false
-      sources.value = []
-      connections.value = []
-    }
-  }
-
   /** Connect the workspace to a source with its credential bag. */
   async function connect(source: DocumentSourceKind, credentials: Record<string, string>) {
     const conn = await api.connectDocumentSource(workspace.requireId(), source, credentials)
-    upsertConnection(conn)
+    integration.upsertConnection(conn)
     available.value = true
   }
 
   /** Disconnect the workspace from a source. */
   async function disconnect(source: DocumentSourceKind) {
     await api.disconnectDocumentSource(workspace.requireId(), source)
-    connections.value = connections.value.filter((c) => c.source !== source)
+    integration.removeConnection(source)
   }
 
   /** Load the imported documents for the workspace (across sources). */

package/app/stores/execution.ts

@@ -7,7 +7,8 @@ import type {
   PipelineStep,
   StepApproval,
 } from '~/types/domain'
-import type { IterationCapChoice, ReviewComment } from '~/types/execution'
+import type { RequestStepChangesInput } from '@cat-factory/contracts'
+import type { IterationCapChoice } from '~/types/execution'
 import { useWorkspaceStore } from '~/stores/workspace'
 
 /**
@@ -163,7 +164,7 @@ export const useExecutionStore = defineStore('execution', () => {
   async function requestStepChanges(
     instanceId: string,
     approvalId: string,
-    review: { feedback?: string; comments?: ReviewComment[] },
+    review: RequestStepChangesInput,
   ) {
     const ws = useWorkspaceStore()
     const personal = usePersonalSubscriptionsStore()

package/app/stores/github.ts

@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import type {
   CreateBranchInput,
-  CreateRepoRequest,
   GitHubAvailableRepo,
   GitHubBranch,
   GitHubConnection,
@@ -224,7 +223,7 @@ export const useGitHubStore = defineStore('github', () => {
    * meaningful when `canCreateRepos`; the backend 409s otherwise. Returns the
    * created repo so the caller can confirm/link it.
    */
-  function createRepo(input: CreateRepoRequest) {
+  function createRepo(input: Parameters<typeof api.createGitHubRepo>[1]) {
     return api.createGitHubRepo(workspace.requireId(), input)
   }
 

package/app/stores/mergePresets.ts

@@ -1,10 +1,6 @@
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
-import type {
-  CreateMergePresetInput,
-  MergeThresholdPreset,
-  UpdateMergePresetInput,
-} from '~/types/domain'
+import type { MergeThresholdPreset, UpdateMergePresetInput } from '~/types/domain'
 import { useWorkspaceStore } from '~/stores/workspace'
 
 /**
@@ -34,7 +30,7 @@ export const useMergePresetsStore = defineStore('mergePresets', () => {
     return defaultPreset.value
   }
 
-  async function create(input: CreateMergePresetInput) {
+  async function create(input: Parameters<typeof api.createMergePreset>[1]) {
     const ws = useWorkspaceStore()
     const created = await api.createMergePreset(ws.requireId(), input)
     await ws.refresh()

package/app/stores/notifications.ts

@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import type { Notification } from '~/types/domain'
+import { useUpsertList } from '~/composables/useUpsertList'
 import { useWorkspaceStore } from '~/stores/workspace'
 
 /**
@@ -14,7 +15,11 @@ export const useNotificationsStore = defineStore('notifications', () => {
   const api = useApi()
 
   /** All open notifications, newest-first. */
-  const open = ref<Notification[]>([])
+  const {
+    items: open,
+    upsert: upsertOpen,
+    remove,
+  } = useUpsertList<Notification>({ key: (n) => n.id, prepend: true })
 
   /** Replace the cache from a server snapshot. */
   function hydrate(notifications: Notification[]) {
@@ -28,13 +33,11 @@ export const useNotificationsStore = defineStore('notifications', () => {
    * replaced in place; a resolved one (acted/dismissed) is removed from the inbox.
    */
   function upsert(notification: Notification) {
-    const i = open.value.findIndex((n) => n.id === notification.id)
     if (notification.status !== 'open') {
-      if (i >= 0) open.value.splice(i, 1)
+      remove(notification.id)
       return
     }
-    if (i >= 0) open.value[i] = notification
-    else open.value.unshift(notification)
+    upsertOpen(notification)
   }
 
   /** Open notifications for a given block (for the board card badge). */

package/app/stores/pipelines.ts

@@ -132,7 +132,7 @@ export const usePipelinesStore = defineStore('pipelines', () => {
   function toggleDraftGating(index: number) {
     draftGating.value[index] = draftGating.value[index]?.enabled
       ? null
-      : { enabled: true, minRisk: 0.5, minImpact: 0.5 }
+      : { enabled: true, minRisk: 0.5, minImpact: 0.5, onMissingEstimate: 'run' }
   }
 
   /**

package/app/stores/recurringPipelines.ts

@@ -1,11 +1,6 @@
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
-import type {
-  CreateScheduleInput,
-  PipelineSchedule,
-  ScheduleRun,
-  UpdateScheduleInput,
-} from '~/types/recurring'
+import type { PipelineSchedule, ScheduleRun, UpdateScheduleInput } from '~/types/recurring'
 import { useWorkspaceStore } from '~/stores/workspace'
 import { useBoardStore } from '~/stores/board'
 
@@ -39,7 +34,7 @@ export const useRecurringPipelinesStore = defineStore('recurringPipelines', () =
     return schedules.value.find((s) => s.blockId === blockId)
   }
 
-  async function create(input: CreateScheduleInput) {
+  async function create(input: Parameters<typeof api.createRecurringPipeline>[1]) {
     const ws = useWorkspaceStore()
     const created = await api.createRecurringPipeline(ws.requireId(), input)
     await ws.refresh()

package/app/stores/sandbox.ts

@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import type { ModelOption } from '~/types/domain'
 import type {
-  CreateSandboxExperimentInput,
   SandboxAgentKindMeta,
   SandboxExperiment,
   SandboxExperimentDetail,
@@ -118,7 +117,7 @@ export const useSandboxStore = defineStore('sandbox', () => {
     await load()
   }
 
-  async function createExperiment(input: CreateSandboxExperimentInput) {
+  async function createExperiment(input: Parameters<typeof api.createSandboxExperiment>[1]) {
     const ws = useWorkspaceStore()
     const created = await api.createSandboxExperiment(ws.requireId(), input)
     await load()

package/app/stores/tasks.ts

@@ -8,6 +8,8 @@ import type {
   TaskSourceKind,
   TaskSourceState,
 } from '~/types/domain'
+import { useSourceIntegration } from '~/composables/useSourceIntegration'
+import { useUpsertList } from '~/composables/useUpsertList'
 import { useWorkspaceStore } from '~/stores/workspace'
 import { useBoardStore } from '~/stores/board'
 
@@ -27,95 +29,42 @@ export const useTasksStore = defineStore('tasks', () => {
   const api = useApi()
   const workspace = useWorkspaceStore()
 
-  /** null = unknown (not probed yet), true/false = integration on/off. */
-  const available = ref<boolean | null>(null)
-  /**
-   * Why the last probe failed, when it did — captured (rather than swallowed) so
-   * the settings panel can explain *why* nothing is surfaced (integration disabled
-   * vs a server/backend error) instead of a blanket "install integration first".
-   */
-  const probeError = ref<{ status: number | null; message: string } | null>(null)
-  /** The configured sources, each with its descriptor + per-workspace state (available + enabled). */
-  const sources = ref<TaskSourceState[]>([])
-  /** Live connections, one per connected (credentialed) source. */
-  const connections = ref<TaskConnection[]>([])
-  const tasks = ref<SourceTask[]>([])
+  // Shared opt-in / probe / connections lifecycle (see `useSourceIntegration`). Its
+  // `probeError` is what lets the settings panel explain *why* nothing is surfaced
+  // (integration disabled vs a server/backend error) instead of "install it first".
+  const integration = useSourceIntegration<TaskSourceKind, TaskConnection, TaskSourceState>({
+    enabled: () => !!workspace.workspaceId,
+    fetch: async () => {
+      const [{ sources }, { connections }] = await Promise.all([
+        api.listTaskSources(workspace.requireId()),
+        api.listTaskConnections(workspace.requireId()),
+      ])
+      return { sources, connections }
+    },
+  })
+  const { available, probeError, sources, connections, connectedSources, anyConnected } =
+    integration
+  const { descriptorFor, connectionFor, isConnected, probe } = integration
+
+  const { items: tasks, upsert: upsertTask } = useUpsertList<SourceTask>({
+    key: (t) => `${t.source}:${t.externalId}`,
+    prepend: true,
+  })
   /** The last live setup-check verdict per source (from `checkSetup`). */
   const diagnostics = ref<Partial<Record<TaskSourceKind, TaskSourceDiagnostic>>>({})
   /** The source currently running a setup check, if any. */
   const checking = ref<TaskSourceKind | null>(null)
   const loading = ref(false)
 
-  /** Sources the workspace currently has a live connection to. */
-  const connectedSources = computed(() =>
-    sources.value.filter((s) => connections.value.some((c) => c.source === s.source)),
-  )
-  const anyConnected = computed(() => connections.value.length > 0)
-
   /** Sources offered for import: available (connected / App installed) AND enabled. */
   const offeredSources = computed(() => sources.value.filter((s) => s.available && s.enabled))
   const anyOffered = computed(() => offeredSources.value.length > 0)
 
-  function descriptorFor(source: TaskSourceKind): TaskSourceState | undefined {
-    return sources.value.find((s) => s.source === source)
-  }
-
-  function connectionFor(source: TaskSourceKind): TaskConnection | undefined {
-    return connections.value.find((c) => c.source === source)
-  }
-
-  function isConnected(source: TaskSourceKind): boolean {
-    return connectionFor(source) !== undefined
-  }
-
   /** Imported issues currently attached to a given block. */
   function tasksForBlock(blockId: string): SourceTask[] {
     return tasks.value.filter((t) => t.linkedBlockId === blockId)
   }
 
-  /** Merge an issue returned by the backend into the local cache. */
-  function upsertTask(task: SourceTask) {
-    const i = tasks.value.findIndex(
-      (t) => t.source === task.source && t.externalId === task.externalId,
-    )
-    if (i >= 0) tasks.value[i] = task
-    else tasks.value.unshift(task)
-  }
-
-  function upsertConnection(conn: TaskConnection) {
-    const i = connections.value.findIndex((c) => c.source === conn.source)
-    if (i >= 0) connections.value[i] = conn
-    else connections.value.push(conn)
-  }
-
-  /** Probe the integration: resolves `available`, the sources and connections. */
-  async function probe() {
-    if (!workspace.workspaceId) return
-    try {
-      const [{ sources: srcs }, { connections: conns }] = await Promise.all([
-        api.listTaskSources(workspace.requireId()),
-        api.listTaskConnections(workspace.requireId()),
-      ])
-      available.value = true
-      probeError.value = null
-      sources.value = srcs
-      connections.value = conns
-    } catch (e) {
-      // 503 (integration disabled) or any error → hide the UI entry points, but keep
-      // the reason so the settings panel can explain it (a 503 is "turned off on this
-      // deployment"; a 500 is "the backend errored — e.g. a migration isn't applied").
-      available.value = false
-      const err = e as { statusCode?: number; data?: { error?: { message?: string } } }
-      const serverMessage = err?.data?.error?.message
-      probeError.value = {
-        status: err?.statusCode ?? null,
-        message: serverMessage || (e instanceof Error ? e.message : String(e)),
-      }
-      sources.value = []
-      connections.value = []
-    }
-  }
-
   /**
    * Run a live setup check for a source (authenticate + read), caching the verdict
    * so the panel can show exactly what's wrong (missing App / wrong token / lacking
@@ -137,14 +86,14 @@ export const useTasksStore = defineStore('tasks', () => {
   /** Connect the workspace to a source with its credential bag. */
   async function connect(source: TaskSourceKind, credentials: Record<string, string>) {
     const conn = await api.connectTaskSource(workspace.requireId(), source, credentials)
-    upsertConnection(conn)
+    integration.upsertConnection(conn)
     available.value = true
   }
 
   /** Disconnect the workspace from a source. */
   async function disconnect(source: TaskSourceKind) {
     await api.disconnectTaskSource(workspace.requireId(), source)
-    connections.value = connections.value.filter((c) => c.source !== source)
+    integration.removeConnection(source)
   }
 
   /** Enable or disable a source for the workspace (the per-workspace toggle). */

package/app/stores/ui.ts

@@ -91,6 +91,14 @@ export const useUiStore = defineStore('ui', () => {
   // is one. Every direct `open*` below resets it; `openFromIntegrations` sets it.
   const cameFromIntegrations = ref(false)
 
+  // Personal "My setup" hub: a user-scoped sibling of the Integrations hub, listing the
+  // signed-in user's own connections (GitHub PAT, local runners, personal subscriptions)
+  // separated out of the workspace-scoped Integrations hub. `cameFromPersonal` is the
+  // symmetric came-from marker, so a panel reached from here renders a "Back to My setup"
+  // control instead of "Back to Integrations".
+  const personalSetupOpen = ref(false)
+  const cameFromPersonal = ref(false)
+
   // Workspace-settings modal: a single tabbed window gathering the workspace-wide
   // config (workspace / merge thresholds / issue writeback / service best practices).
   // `workspaceSettingsTab` lets other surfaces deep-link straight to a tab.
@@ -112,8 +120,10 @@ export const useUiStore = defineStore('ui', () => {
   const providerConnectionKind = ref<'environment' | 'runner-pool' | null>(null)
   const modelConfigOpen = ref(false)
   // LLM-vendor subscription credentials (the token pool powering the Claude Code
-  // / Codex harnesses).
+  // / Codex harnesses). `vendorCredentialsTab` lets a caller deep-link to one tab —
+  // the user-scoped "My subscriptions" entry opens straight onto the `personal` tab.
   const vendorCredentialsOpen = ref(false)
+  const vendorCredentialsTab = ref('pool')
   // Per-user settings panel: the signed-in user's own-machine local model runners.
   const localModelsOpen = ref(false)
   // Local-mode-only settings panel: the warm-container pool sizing + per-repo checkout reuse
@@ -267,7 +277,7 @@ export const useUiStore = defineStore('ui', () => {
   }
 
   function openDocumentConnect(source: DocumentSourceKind) {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     documentConnect.value = { source }
   }
   function closeDocumentConnect() {
@@ -277,7 +287,7 @@ export const useUiStore = defineStore('ui', () => {
     targetFrameId: string | null = null,
     source: DocumentSourceKind | null = null,
   ) {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     documentImport.value = { source, targetFrameId }
   }
   function closeDocumentImport() {
@@ -294,14 +304,14 @@ export const useUiStore = defineStore('ui', () => {
     spawnPreview.value = null
   }
   function openTaskConnect(source: TaskSourceKind) {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     taskConnect.value = { source }
   }
   function closeTaskConnect() {
     taskConnect.value = null
   }
   function openTaskImport(source: TaskSourceKind | null = null, containerId: string | null = null) {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     taskImport.value = { source, containerId }
   }
   function closeTaskImport() {
@@ -334,14 +344,14 @@ export const useUiStore = defineStore('ui', () => {
     addServiceOpen.value = false
   }
   function openGitHub() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     githubOpen.value = true
   }
   function closeGitHub() {
     githubOpen.value = false
   }
   function openSlack() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     slackOpen.value = true
   }
   function closeSlack() {
@@ -362,15 +372,37 @@ export const useUiStore = defineStore('ui', () => {
   function toggleCommandBar() {
     commandBarOpen.value = !commandBarOpen.value
   }
+  // Clear BOTH hub came-from markers. Every direct `open*` below calls this so that a
+  // panel opened outside the hubs never grows a dead Back control, and so switching from
+  // one hub's panel to the other's clears the stale marker.
+  function resetHubReturn() {
+    resetHubReturn()
+    cameFromPersonal.value = false
+  }
   function openIntegrations() {
     // Reaching the hub itself (fresh, or via a panel's Back control) clears the
-    // came-from marker — we're at the hub, not inside a hub-spawned panel.
-    cameFromIntegrations.value = false
+    // came-from markers — we're at the hub, not inside a hub-spawned panel.
+    resetHubReturn()
     integrationsOpen.value = true
   }
   function closeIntegrations() {
     integrationsOpen.value = false
   }
+  function openPersonalSetup() {
+    resetHubReturn()
+    personalSetupOpen.value = true
+  }
+  function closePersonalSetup() {
+    personalSetupOpen.value = false
+  }
+  // Open a user-scoped panel FROM the My-setup hub: run its open handler (which resets the
+  // markers), then mark that we came from My setup and dismiss it, so the panel's
+  // IntegrationBackTitle returns here rather than to the workspace Integrations hub.
+  function openFromPersonal(open: () => void) {
+    open()
+    cameFromPersonal.value = true
+    personalSetupOpen.value = false
+  }
   // Open an integration's own panel FROM the hub: run its open handler (which resets
   // `cameFromIntegrations`), then mark that we came from the hub and dismiss it. The
   // panel reads `cameFromIntegrations` to show its Back control.
@@ -380,7 +412,7 @@ export const useUiStore = defineStore('ui', () => {
     integrationsOpen.value = false
   }
   function openWorkspaceSettings(tab = 'workspace') {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     workspaceSettingsTab.value = tab
     workspaceSettingsOpen.value = true
   }
@@ -391,7 +423,7 @@ export const useUiStore = defineStore('ui', () => {
     workspaceSettingsTab.value = tab
   }
   function openAccountSettings(tab = 'team') {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     accountSettingsTab.value = tab
     accountSettingsOpen.value = true
   }
@@ -402,14 +434,14 @@ export const useUiStore = defineStore('ui', () => {
     accountSettingsTab.value = tab
   }
   function openObservabilityConnection() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     observabilityConnectionOpen.value = true
   }
   function closeObservabilityConnection() {
     observabilityConnectionOpen.value = false
   }
   function openProviderConnection(kind: 'environment' | 'runner-pool') {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     providerConnectionKind.value = kind
   }
   function closeProviderConnection() {
@@ -421,22 +453,26 @@ export const useUiStore = defineStore('ui', () => {
   function closeModelConfig() {
     modelConfigOpen.value = false
   }
-  function openVendorCredentials() {
-    cameFromIntegrations.value = false
+  function openVendorCredentials(tab = 'pool') {
+    resetHubReturn()
+    vendorCredentialsTab.value = tab
     vendorCredentialsOpen.value = true
   }
+  function setVendorCredentialsTab(tab: string) {
+    vendorCredentialsTab.value = tab
+  }
   function closeVendorCredentials() {
     vendorCredentialsOpen.value = false
   }
   function openLocalModels() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     localModelsOpen.value = true
   }
   function closeLocalModels() {
     localModelsOpen.value = false
   }
   function openLocalModeSettings() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     localModeSettingsOpen.value = true
   }
   function closeLocalModeSettings() {
@@ -449,14 +485,14 @@ export const useUiStore = defineStore('ui', () => {
     sandboxOpen.value = false
   }
   function openUserSecrets() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     userSecretsOpen.value = true
   }
   function closeUserSecrets() {
     userSecretsOpen.value = false
   }
   function openOpenRouter() {
-    cameFromIntegrations.value = false
+    resetHubReturn()
     openRouterOpen.value = true
   }
   function closeOpenRouter() {
@@ -581,6 +617,8 @@ export const useUiStore = defineStore('ui', () => {
     commandBarOpen,
     integrationsOpen,
     cameFromIntegrations,
+    personalSetupOpen,
+    cameFromPersonal,
     workspaceSettingsOpen,
     workspaceSettingsTab,
     accountSettingsOpen,
@@ -589,6 +627,7 @@ export const useUiStore = defineStore('ui', () => {
     providerConnectionKind,
     modelConfigOpen,
     vendorCredentialsOpen,
+    vendorCredentialsTab,
     localModelsOpen,
     localModeSettingsOpen,
     sandboxOpen,
@@ -645,6 +684,9 @@ export const useUiStore = defineStore('ui', () => {
     openIntegrations,
     closeIntegrations,
     openFromIntegrations,
+    openPersonalSetup,
+    closePersonalSetup,
+    openFromPersonal,
     openWorkspaceSettings,
     closeWorkspaceSettings,
     setWorkspaceSettingsTab,
@@ -658,6 +700,7 @@ export const useUiStore = defineStore('ui', () => {
     openModelConfig,
     closeModelConfig,
     openVendorCredentials,
+    setVendorCredentialsTab,
     closeVendorCredentials,
     openLocalModels,
     closeLocalModels,