@burdenoff/microfe-vibecontrols 2026.527.9 → 2026.527.10

package/dist/components/agent-manager/controls/FileAttachButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileAttachButton.js","names":[],"sources":["../../../../src/components/agent-manager/controls/FileAttachButton.tsx"],"sourcesContent":["/**\n * File attachment button.\n *\n * Paperclip icon that opens the native file picker. Also exposes\n * drag-and-drop helpers for the parent to wire up.\n */\n\nimport { useRef, useCallback } from 'react';\nimport { Paperclip } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface FileAttachButtonProps {\n  onFileSelect: (files: File[]) => void;\n}\n\nexport function FileAttachButton({ onFileSelect }: FileAttachButtonProps) {\n  const tr = useTr();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleClick = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const files = e.target.files;\n      if (files && files.length > 0) {\n        onFileSelect(Array.from(files));\n      }\n      // Reset so the same file can be re-selected\n      if (inputRef.current) {\n        inputRef.current.value = '';\n      }\n    },\n    [onFileSelect]\n  );\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className=\"p-1.5 rounded text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated transition-colors\"\n        title={tr('vibecontrols.agentManager.controls.attachFile', 'Attach file')}\n      >\n        <Paperclip className=\"w-4 h-4\" />\n      </button>\n      <input ref={inputRef} type=\"file\" multiple className=\"hidden\" onChange={handleInputChange} />\n    </>\n  );\n}\n\n"],"mappings":";;;;;AAeA,SAAgB,EAAiB,EAAE,mBAAuC;CACxE,IAAM,IAAK,GAAO,EACZ,IAAW,EAAyB,KAAK,EAEzC,IAAc,QAAkB;AACpC,IAAS,SAAS,OAAO;IACxB,EAAE,CAAC,EAEA,IAAoB,GACvB,MAA2C;EAC1C,IAAM,IAAQ,EAAE,OAAO;AAKvB,EAJI,KAAS,EAAM,SAAS,KAC1B,EAAa,MAAM,KAAK,EAAM,CAAC,EAG7B,EAAS,YACX,EAAS,QAAQ,QAAQ;IAG7B,CAAC,EAAa,CACf;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAU;EACV,OAAO,EAAG,iDAAiD,cAAc;YAEzE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAC1B,CAAA,EACT,kBAAC,SAAD;EAAO,KAAK;EAAU,MAAK;EAAO,UAAA;EAAS,WAAU;EAAS,UAAU;EAAqB,CAAA,CAC5F,EAAA,CAAA"}
+{"version":3,"file":"FileAttachButton.js","names":[],"sources":["../../../../src/components/agent-manager/controls/FileAttachButton.tsx"],"sourcesContent":["/**\n * File attachment button.\n *\n * Paperclip icon that opens the native file picker. Also exposes\n * drag-and-drop helpers for the parent to wire up.\n */\n\nimport { useRef, useCallback } from 'react';\nimport { Paperclip } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface FileAttachButtonProps {\n  onFileSelect: (files: File[]) => void;\n}\n\nexport function FileAttachButton({ onFileSelect }: FileAttachButtonProps) {\n  const tr = useTr();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleClick = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const files = e.target.files;\n      if (files && files.length > 0) {\n        onFileSelect(Array.from(files));\n      }\n      // Reset so the same file can be re-selected\n      if (inputRef.current) {\n        inputRef.current.value = '';\n      }\n    },\n    [onFileSelect]\n  );\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className=\"p-1.5 rounded text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated transition-colors\"\n        title={tr('vibecontrols.agentManager.controls.attachFile', 'Attach file')}\n      >\n        <Paperclip className=\"w-4 h-4\" />\n      </button>\n      <input ref={inputRef} type=\"file\" multiple className=\"hidden\" onChange={handleInputChange} />\n    </>\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAiB,EAAE,mBAAuC;CACxE,IAAM,IAAK,GAAO,EACZ,IAAW,EAAyB,KAAK,EAEzC,IAAc,QAAkB;AACpC,IAAS,SAAS,OAAO;IACxB,EAAE,CAAC,EAEA,IAAoB,GACvB,MAA2C;EAC1C,IAAM,IAAQ,EAAE,OAAO;AAKvB,EAJI,KAAS,EAAM,SAAS,KAC1B,EAAa,MAAM,KAAK,EAAM,CAAC,EAG7B,EAAS,YACX,EAAS,QAAQ,QAAQ;IAG7B,CAAC,EAAa,CACf;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAU;EACV,OAAO,EAAG,iDAAiD,cAAc;YAEzE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAC1B,CAAA,EACT,kBAAC,SAAD;EAAO,KAAK;EAAU,MAAK;EAAO,UAAA;EAAS,WAAU;EAAS,UAAU;EAAqB,CAAA,CAC5F,EAAA,CAAA"}

package/dist/components/templates/TemplateWizard.js

@@ -120,35 +120,52 @@ var m = ({ templateName: m, variables: h, sourceRepoUrl: g, githubConnections: _
 								},
 								transition: { duration: .15 },
 								className: "space-y-4",
-								children: [/* @__PURE__ */ d("div", { children: [
-									/* @__PURE__ */ d("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: ["Component Name ", /* @__PURE__ */ u("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}),
-									/* @__PURE__ */ u("input", {
-										className: f,
-										placeholder: "my-new-service",
-										value: D,
-										onChange: (e) => q(e.target.value),
-										autoFocus: !0
+								children: [
+									/* @__PURE__ */ d("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											"This wizard creates a new ",
+											/* @__PURE__ */ u("strong", { children: "component" }),
+											" — a tracked entry in your software catalog — pre-configured from the",
+											" ",
+											/* @__PURE__ */ u("span", {
+												className: "font-medium text-text-primary",
+												children: m
+											}),
+											" blueprint."
+										]
 									}),
-									/* @__PURE__ */ u("p", {
-										className: "mt-1 text-xs text-text-muted",
-										children: "Name of the new component created from this template."
-									})
-								] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Description"
-								}), /* @__PURE__ */ u("textarea", {
-									className: `${f} resize-none`,
-									rows: 3,
-									placeholder: "What does this component do?",
-									value: k,
-									onChange: (e) => A(e.target.value)
-								})] })]
+									/* @__PURE__ */ d("div", { children: [
+										/* @__PURE__ */ d("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: ["Component Name ", /* @__PURE__ */ u("span", {
+												className: "text-status-error-text",
+												children: "*"
+											})]
+										}),
+										/* @__PURE__ */ u("input", {
+											className: f,
+											placeholder: "my-new-service",
+											value: D,
+											onChange: (e) => q(e.target.value),
+											autoFocus: !0
+										}),
+										/* @__PURE__ */ u("p", {
+											className: "mt-1 text-xs text-text-muted",
+											children: "Name of the new component created from this template."
+										})
+									] }),
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Description"
+									}), /* @__PURE__ */ u("textarea", {
+										className: `${f} resize-none`,
+										rows: 3,
+										placeholder: "What does this component do?",
+										value: k,
+										onChange: (e) => A(e.target.value)
+									})] })
+								]
 							}, "step0"),
 							T === 1 && b && /* @__PURE__ */ d(l.div, {
 								initial: {

package/dist/components/templates/TemplateWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateWizard.js","names":[],"sources":["../../../src/components/templates/TemplateWizard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Copy, ChevronRight, Check, X, Github, Eye, EyeOff } from 'lucide-react';\nimport type { TemplateVariable } from './TemplateVariableEditor';\n\nexport interface GitHubConfig {\n  enabled: boolean;\n  /** When set, the backend resolves the token via the OAuth connection (token stays server-side) */\n  connectionId: string | null;\n  repoName: string;\n  visibility: 'public' | 'private';\n  scope: 'user' | 'org';\n  orgName: string;\n  /** Personal access token — only used when connectionId is null */\n  token: string;\n}\n\nexport interface GitHubConnection {\n  id: string;\n  name: string;\n  externalAccountEmail?: string | null;\n  externalAccountName?: string | null;\n  provider: { key: string; name: string };\n}\n\ninterface TemplateWizardProps {\n  templateName: string;\n  variables: TemplateVariable[];\n  /** URL of the template's source component repository, used for forking */\n  sourceRepoUrl?: string | null;\n  /** Active GitHub OAuth connections for the current workspace */\n  githubConnections?: GitHubConnection[];\n  onClose: () => void;\n  onSubmit: (data: {\n    name: string;\n    description: string;\n    variableValues: Record<string, unknown>;\n    githubConfig: GitHubConfig | null;\n  }) => Promise<void>;\n}\n\nconst inputCls =\n  'w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg text-sm';\n\nfunction toKebab(s: string) {\n  return s\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n}\n\nexport const TemplateWizard: FC<TemplateWizardProps> = ({\n  templateName,\n  variables,\n  sourceRepoUrl,\n  githubConnections = [],\n  onClose,\n  onSubmit,\n}) => {\n  const hasVariables = variables.length > 0;\n\n  // Steps: 0=BasicInfo, 1=Variables(if any), N-1=GitHub, N=Review\n  const steps = [\n    'Basic Info',\n    ...(hasVariables ? ['Configure Variables'] : []),\n    'GitHub Repo',\n    'Review',\n  ];\n  const totalSteps = steps.length;\n  const githubStep = hasVariables ? 2 : 1;\n  const reviewStep = hasVariables ? 3 : 2;\n\n  const [step, setStep] = useState(0);\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [varValues, setVarValues] = useState<Record<string, string>>(() => {\n    const init: Record<string, string> = {};\n    for (const v of variables) init[v.name] = v.default || '';\n    return init;\n  });\n\n  const hasConnections = githubConnections.length > 0;\n  const [githubAuthMode, setGithubAuthMode] = useState<'connection' | 'pat'>(\n    hasConnections ? 'connection' : 'pat'\n  );\n  const [github, setGithub] = useState<GitHubConfig>({\n    enabled: !!sourceRepoUrl,\n    connectionId: hasConnections ? githubConnections[0].id : null,\n    repoName: '',\n    visibility: 'private',\n    scope: 'user',\n    orgName: '',\n    token: '',\n  });\n\n  const [showToken, setShowToken] = useState(false);\n\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const updateGithub = (patch: Partial<GitHubConfig>) => setGithub((g) => ({ ...g, ...patch }));\n\n  // Keep repoName in sync with component name (only if user hasn't manually changed it)\n  const [repoNameTouched, setRepoNameTouched] = useState(false);\n\n  const handleNameChange = (v: string) => {\n    setName(v);\n    if (!repoNameTouched) {\n      updateGithub({ repoName: toKebab(v) });\n    }\n  };\n\n  const canProceed = (): boolean => {\n    if (step === 0) return name.trim().length > 0;\n    if (step === 1 && hasVariables) {\n      return variables.filter((v) => v.required).every((v) => varValues[v.name]?.trim());\n    }\n    if (step === githubStep) {\n      if (sourceRepoUrl && !github.enabled) return false;\n      if (github.enabled) {\n        if (!github.repoName.trim()) return false;\n        if (github.scope === 'org' && !github.orgName.trim()) return false;\n        if (githubAuthMode === 'connection') {\n          if (!hasConnections) return false;\n        } else {\n          if (!github.token.trim()) return false;\n        }\n      }\n    }\n    return true;\n  };\n\n  const next = () => {\n    if (!canProceed()) {\n      if (step === 0) setError('Component name is required');\n      else if (step === 1 && hasVariables) setError('Please fill in all required fields');\n      else if (step === githubStep)\n        setError(\n          sourceRepoUrl\n            ? 'A GitHub repository is required to fork this template — enable it and fill in the details'\n            : 'Repo name, org (if applicable), and token are required to create a GitHub repo'\n        );\n      return;\n    }\n    setError(null);\n    setStep((s) => Math.min(s + 1, totalSteps - 1));\n  };\n\n  const back = () => setStep((s) => Math.max(s - 1, 0));\n\n  const handleSubmit = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const variableValues: Record<string, unknown> = {};\n      for (const v of variables) {\n        const val = varValues[v.name];\n        if (val !== undefined && val !== '') {\n          if (v.type === 'number') variableValues[v.name] = Number(val);\n          else if (v.type === 'boolean') variableValues[v.name] = val === 'true';\n          else variableValues[v.name] = val;\n        }\n      }\n      await onSubmit({\n        name,\n        description,\n        variableValues,\n        githubConfig: github.enabled ? github : null,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create component');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center z-50 p-4\"\n      style={{ backgroundColor: 'rgba(0,0,0,0.55)' }}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        exit={{ opacity: 0, scale: 0.95 }}\n        className=\"bg-bg-surface rounded-lg w-full max-w-lg shadow-xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n            <Copy className=\"w-4 h-4 text-action-primary-bg\" />\n            Use Template: <span className=\"text-action-primary-bg ml-1\">{templateName}</span>\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary rounded-md hover:bg-bg-sunken transition-colors\"\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        </div>\n\n        {/* Step pills */}\n        <div className=\"px-6 pt-4\">\n          <div className=\"flex items-center gap-2 overflow-x-auto pb-1\">\n            {steps.map((label, i) => (\n              <div key={i} className=\"flex items-center gap-2 flex-shrink-0\">\n                <div\n                  className={`flex items-center justify-center w-6 h-6 rounded-full text-xs font-medium transition-colors ${\n                    i < step\n                      ? 'bg-status-success-bg text-status-success-text'\n                      : i === step\n                        ? 'bg-action-primary-bg text-action-primary-text'\n                        : 'bg-bg-sunken text-text-muted'\n                  }`}\n                >\n                  {i < step ? <Check className=\"w-3 h-3\" /> : i + 1}\n                </div>\n                <span\n                  className={`text-xs ${i === step ? 'text-text-primary font-medium' : 'text-text-muted'}`}\n                >\n                  {label}\n                </span>\n                {i < steps.length - 1 && (\n                  <ChevronRight className=\"w-3 h-3 text-text-muted flex-shrink-0\" />\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Body */}\n        <div className=\"px-6 py-5 min-h-[220px] max-h-[60vh] overflow-y-auto\">\n          <AnimatePresence mode=\"wait\">\n            {/* Step 0 — Basic Info */}\n            {step === 0 && (\n              <motion.div\n                key=\"step0\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    Component Name <span className=\"text-status-error-text\">*</span>\n                  </label>\n                  <input\n                    className={inputCls}\n                    placeholder=\"my-new-service\"\n                    value={name}\n                    onChange={(e) => handleNameChange(e.target.value)}\n                    autoFocus\n                  />\n                  <p className=\"mt-1 text-xs text-text-muted\">\n                    Name of the new component created from this template.\n                  </p>\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    Description\n                  </label>\n                  <textarea\n                    className={`${inputCls} resize-none`}\n                    rows={3}\n                    placeholder=\"What does this component do?\"\n                    value={description}\n                    onChange={(e) => setDescription(e.target.value)}\n                  />\n                </div>\n              </motion.div>\n            )}\n\n            {/* Step 1 — Variables (if any) */}\n            {step === 1 && hasVariables && (\n              <motion.div\n                key=\"step1\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <p className=\"text-sm text-text-secondary\">\n                  Fill in the configuration values for this template.\n                </p>\n                {variables.map((v) => (\n                  <div key={v.name}>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {v.title || v.name}\n                      {v.required && <span className=\"text-status-error-text ml-1\">*</span>}\n                    </label>\n                    {v.options.length > 0 ? (\n                      <select\n                        className={inputCls}\n                        value={varValues[v.name] || ''}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      >\n                        <option value=\"\">Select...</option>\n                        {v.options.map((opt) => (\n                          <option key={opt} value={opt}>\n                            {opt}\n                          </option>\n                        ))}\n                      </select>\n                    ) : v.type === 'boolean' ? (\n                      <select\n                        className={inputCls}\n                        value={varValues[v.name] || 'false'}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      >\n                        <option value=\"true\">Yes</option>\n                        <option value=\"false\">No</option>\n                      </select>\n                    ) : (\n                      <input\n                        className={inputCls}\n                        type={v.type === 'number' ? 'number' : 'text'}\n                        placeholder={v.placeholder || v.default || ''}\n                        value={varValues[v.name] || ''}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      />\n                    )}\n                  </div>\n                ))}\n              </motion.div>\n            )}\n\n            {/* GitHub step */}\n            {step === githubStep && (\n              <motion.div\n                key=\"stepGithub\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                {/* Source repo fork notice */}\n                {sourceRepoUrl && (\n                  <div className=\"flex items-start gap-2 p-3 bg-status-info-bg rounded-md text-xs text-status-info-text\">\n                    <Github className=\"w-4 h-4 flex-shrink-0 mt-0.5\" />\n                    <div>\n                      <p className=\"font-medium\">Source repository detected</p>\n                      <p className=\"mt-0.5 text-status-info-text/80 break-all\">{sourceRepoUrl}</p>\n                      <p className=\"mt-1\">\n                        Enabling GitHub will <strong>fork</strong> this repository into your new\n                        repo (with fallback to a new empty repo if the fork is unavailable).\n                      </p>\n                    </div>\n                  </div>\n                )}\n\n                <div className=\"flex items-start gap-3\">\n                  {sourceRepoUrl ? (\n                    <div className=\"mt-0.5 flex-shrink-0 w-9 h-5 rounded-full bg-action-primary-bg relative opacity-70 cursor-not-allowed\">\n                      <span className=\"absolute top-0.5 w-4 h-4 rounded-full bg-white shadow translate-x-4\" />\n                    </div>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={() => updateGithub({ enabled: !github.enabled })}\n                      className={`mt-0.5 flex-shrink-0 w-9 h-5 rounded-full transition-colors relative ${\n                        github.enabled\n                          ? 'bg-action-primary-bg'\n                          : 'bg-bg-sunken border border-border-default'\n                      }`}\n                    >\n                      <span\n                        className={`absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform ${\n                          github.enabled ? 'translate-x-4' : 'translate-x-0.5'\n                        }`}\n                      />\n                    </button>\n                  )}\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n                      <Github className=\"w-4 h-4\" />\n                      {sourceRepoUrl\n                        ? 'Fork source & create GitHub repository'\n                        : 'Create a GitHub repository'}\n                      {sourceRepoUrl && (\n                        <span className=\"text-xs text-status-error-text font-normal\">Required</span>\n                      )}\n                    </p>\n                    <p className=\"text-xs text-text-muted mt-0.5\">\n                      {sourceRepoUrl\n                        ? 'Forks the template source repo and links it to the new component.'\n                        : 'Automatically creates a new GitHub repo and links it to the component.'}\n                    </p>\n                  </div>\n                </div>\n\n                {github.enabled && (\n                  <div className=\"space-y-3 pl-12\">\n                    <div>\n                      <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                        Repository name <span className=\"text-status-error-text\">*</span>\n                      </label>\n                      <input\n                        className={inputCls}\n                        value={github.repoName}\n                        onChange={(e) => {\n                          setRepoNameTouched(true);\n                          updateGithub({ repoName: e.target.value });\n                        }}\n                        placeholder=\"my-new-service\"\n                      />\n                    </div>\n\n                    <div className=\"grid grid-cols-2 gap-3\">\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Visibility\n                        </label>\n                        <select\n                          className={inputCls}\n                          value={github.visibility}\n                          onChange={(e) =>\n                            updateGithub({\n                              visibility: e.target.value as GitHubConfig['visibility'],\n                            })\n                          }\n                        >\n                          <option value=\"private\">Private</option>\n                          <option value=\"public\">Public</option>\n                        </select>\n                      </div>\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Create under\n                        </label>\n                        <select\n                          className={inputCls}\n                          value={github.scope}\n                          onChange={(e) =>\n                            updateGithub({ scope: e.target.value as GitHubConfig['scope'] })\n                          }\n                        >\n                          <option value=\"user\">My account</option>\n                          <option value=\"org\">Organization</option>\n                        </select>\n                      </div>\n                    </div>\n\n                    {github.scope === 'org' && (\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Organization name <span className=\"text-status-error-text\">*</span>\n                        </label>\n                        <input\n                          className={inputCls}\n                          value={github.orgName}\n                          onChange={(e) => updateGithub({ orgName: e.target.value })}\n                          placeholder=\"my-org\"\n                        />\n                      </div>\n                    )}\n\n                    {/* Auth method toggle — always visible */}\n                    <div>\n                      <label className=\"block text-xs font-medium text-text-primary mb-2\">\n                        Authentication <span className=\"text-status-error-text\">*</span>\n                      </label>\n                      <div className=\"flex rounded-md border border-border-default overflow-hidden mb-3\">\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setGithubAuthMode('connection');\n                            updateGithub({\n                              connectionId: githubConnections[0]?.id ?? null,\n                              token: '',\n                            });\n                          }}\n                          className={`flex-1 py-1.5 text-xs font-medium transition-colors ${\n                            githubAuthMode === 'connection'\n                              ? 'bg-action-primary-bg text-action-primary-text'\n                              : 'bg-bg-surface text-text-secondary hover:bg-bg-sunken'\n                          }`}\n                        >\n                          Connected Account\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setGithubAuthMode('pat');\n                            updateGithub({ connectionId: null });\n                          }}\n                          className={`flex-1 py-1.5 text-xs font-medium transition-colors border-l border-border-default ${\n                            githubAuthMode === 'pat'\n                              ? 'bg-action-primary-bg text-action-primary-text'\n                              : 'bg-bg-surface text-text-secondary hover:bg-bg-sunken'\n                          }`}\n                        >\n                          Personal Token\n                        </button>\n                      </div>\n\n                      {/* Connected account panel */}\n                      {githubAuthMode === 'connection' &&\n                        (hasConnections ? (\n                          <div className=\"space-y-2\">\n                            <select\n                              className={inputCls}\n                              value={github.connectionId ?? githubConnections[0]?.id ?? ''}\n                              onChange={(e) => updateGithub({ connectionId: e.target.value })}\n                            >\n                              {githubConnections.map((conn) => (\n                                <option key={conn.id} value={conn.id}>\n                                  {conn.externalAccountEmail ||\n                                    conn.externalAccountName ||\n                                    conn.name}{' '}\n                                  — {conn.provider.name}\n                                </option>\n                              ))}\n                            </select>\n                            <p className=\"text-xs text-status-success-text\">\n                              Token resolved server-side — never exposed to the browser.\n                            </p>\n                          </div>\n                        ) : (\n                          <div className=\"p-3 bg-bg-sunken rounded-md text-xs text-text-secondary space-y-1\">\n                            <p>No GitHub accounts connected to this workspace.</p>\n                            <p>\n                              <a\n                                href=\"/vibecontrols/settings/integrations\"\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                                className=\"text-action-primary-bg underline\"\n                              >\n                                Connect GitHub in Settings →\n                              </a>{' '}\n                              then come back here to use it.\n                            </p>\n                          </div>\n                        ))}\n\n                      {/* PAT panel */}\n                      {githubAuthMode === 'pat' && (\n                        <div>\n                          <div className=\"relative\">\n                            <input\n                              className={`${inputCls} pr-10`}\n                              type={showToken ? 'text' : 'password'}\n                              value={github.token}\n                              onChange={(e) => updateGithub({ token: e.target.value })}\n                              placeholder=\"ghp_••••••••••••••••••••\"\n                              autoComplete=\"off\"\n                            />\n                            <button\n                              type=\"button\"\n                              onClick={() => setShowToken((v) => !v)}\n                              className=\"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-text-primary\"\n                            >\n                              {showToken ? (\n                                <EyeOff className=\"w-4 h-4\" />\n                              ) : (\n                                <Eye className=\"w-4 h-4\" />\n                              )}\n                            </button>\n                          </div>\n                          <p className=\"mt-1 text-xs text-text-muted\">\n                            Needs <code className=\"font-mono\">repo</code> scope.{' '}\n                            <a\n                              href=\"https://github.com/settings/tokens/new?scopes=repo&description=VibeControls+scaffolding\"\n                              target=\"_blank\"\n                              rel=\"noreferrer\"\n                              className=\"text-action-primary-bg underline\"\n                            >\n                              Generate one →\n                            </a>\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                )}\n\n                {!github.enabled && !sourceRepoUrl && (\n                  <p className=\"text-sm text-text-muted pl-12\">\n                    Skip this step — the component will be created without a linked repository. You\n                    can add a repository URL later in the component settings.\n                  </p>\n                )}\n              </motion.div>\n            )}\n\n            {/* Review step */}\n            {step === reviewStep && (\n              <motion.div\n                key=\"review\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <p className=\"text-sm text-text-secondary\">\n                  Review the details before creating your component.\n                </p>\n                <div className=\"bg-bg-sunken rounded-lg p-4 space-y-3 text-sm\">\n                  <div className=\"flex gap-3\">\n                    <span className=\"text-text-muted w-28 flex-shrink-0\">Name</span>\n                    <span className=\"text-text-primary font-medium\">{name}</span>\n                  </div>\n                  {description && (\n                    <div className=\"flex gap-3\">\n                      <span className=\"text-text-muted w-28 flex-shrink-0\">Description</span>\n                      <span className=\"text-text-primary\">{description}</span>\n                    </div>\n                  )}\n                  {hasVariables && variables.length > 0 && (\n                    <div className=\"pt-2 border-t border-border-default\">\n                      <p className=\"text-text-muted text-xs mb-2\">Variables</p>\n                      {variables.map((v) => (\n                        <div key={v.name} className=\"flex gap-3\">\n                          <span className=\"text-text-muted w-28 flex-shrink-0 truncate\">\n                            {v.title || v.name}\n                          </span>\n                          <span className=\"text-text-primary font-mono text-xs\">\n                            {varValues[v.name] || (\n                              <span className=\"text-text-muted italic\">default</span>\n                            )}\n                          </span>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"pt-2 border-t border-border-default flex gap-3\">\n                    <span className=\"text-text-muted w-28 flex-shrink-0\">GitHub repo</span>\n                    {github.enabled ? (\n                      <span className=\"text-text-primary font-mono text-xs\">\n                        {github.scope === 'org' ? github.orgName : 'personal'}/{github.repoName}{' '}\n                        <span className=\"text-text-muted\">({github.visibility})</span>\n                        {github.connectionId && (\n                          <span className=\"ml-2 text-status-success-text font-sans font-normal\">\n                            via connected account\n                          </span>\n                        )}\n                      </span>\n                    ) : (\n                      <span className=\"text-text-muted italic\">not creating</span>\n                    )}\n                  </div>\n                </div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n\n          {error && (\n            <div className=\"mt-3 p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n              {error}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-t border-border-default\">\n          <button\n            onClick={step === 0 ? onClose : back}\n            disabled={loading}\n            className=\"px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n          >\n            {step === 0 ? 'Cancel' : 'Back'}\n          </button>\n          {step < reviewStep ? (\n            <button\n              onClick={next}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              Next\n              <ChevronRight className=\"w-4 h-4\" />\n            </button>\n          ) : (\n            <button\n              onClick={handleSubmit}\n              disabled={loading}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Copy className=\"w-4 h-4\" />\n              {loading ? 'Creating...' : 'Create Component'}\n            </button>\n          )}\n        </div>\n      </motion.div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TemplateWizard.js","names":[],"sources":["../../../src/components/templates/TemplateWizard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Copy, ChevronRight, Check, X, Github, Eye, EyeOff } from 'lucide-react';\nimport type { TemplateVariable } from './TemplateVariableEditor';\n\nexport interface GitHubConfig {\n  enabled: boolean;\n  /** When set, the backend resolves the token via the OAuth connection (token stays server-side) */\n  connectionId: string | null;\n  repoName: string;\n  visibility: 'public' | 'private';\n  scope: 'user' | 'org';\n  orgName: string;\n  /** Personal access token — only used when connectionId is null */\n  token: string;\n}\n\nexport interface GitHubConnection {\n  id: string;\n  name: string;\n  externalAccountEmail?: string | null;\n  externalAccountName?: string | null;\n  provider: { key: string; name: string };\n}\n\ninterface TemplateWizardProps {\n  templateName: string;\n  variables: TemplateVariable[];\n  /** URL of the template's source component repository, used for forking */\n  sourceRepoUrl?: string | null;\n  /** Active GitHub OAuth connections for the current workspace */\n  githubConnections?: GitHubConnection[];\n  onClose: () => void;\n  onSubmit: (data: {\n    name: string;\n    description: string;\n    variableValues: Record<string, unknown>;\n    githubConfig: GitHubConfig | null;\n  }) => Promise<void>;\n}\n\nconst inputCls =\n  'w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg text-sm';\n\nfunction toKebab(s: string) {\n  return s\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n}\n\nexport const TemplateWizard: FC<TemplateWizardProps> = ({\n  templateName,\n  variables,\n  sourceRepoUrl,\n  githubConnections = [],\n  onClose,\n  onSubmit,\n}) => {\n  const hasVariables = variables.length > 0;\n\n  // Steps: 0=BasicInfo, 1=Variables(if any), N-1=GitHub, N=Review\n  const steps = [\n    'Basic Info',\n    ...(hasVariables ? ['Configure Variables'] : []),\n    'GitHub Repo',\n    'Review',\n  ];\n  const totalSteps = steps.length;\n  const githubStep = hasVariables ? 2 : 1;\n  const reviewStep = hasVariables ? 3 : 2;\n\n  const [step, setStep] = useState(0);\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [varValues, setVarValues] = useState<Record<string, string>>(() => {\n    const init: Record<string, string> = {};\n    for (const v of variables) init[v.name] = v.default || '';\n    return init;\n  });\n\n  const hasConnections = githubConnections.length > 0;\n  const [githubAuthMode, setGithubAuthMode] = useState<'connection' | 'pat'>(\n    hasConnections ? 'connection' : 'pat'\n  );\n  const [github, setGithub] = useState<GitHubConfig>({\n    enabled: !!sourceRepoUrl,\n    connectionId: hasConnections ? githubConnections[0].id : null,\n    repoName: '',\n    visibility: 'private',\n    scope: 'user',\n    orgName: '',\n    token: '',\n  });\n\n  const [showToken, setShowToken] = useState(false);\n\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const updateGithub = (patch: Partial<GitHubConfig>) => setGithub((g) => ({ ...g, ...patch }));\n\n  // Keep repoName in sync with component name (only if user hasn't manually changed it)\n  const [repoNameTouched, setRepoNameTouched] = useState(false);\n\n  const handleNameChange = (v: string) => {\n    setName(v);\n    if (!repoNameTouched) {\n      updateGithub({ repoName: toKebab(v) });\n    }\n  };\n\n  const canProceed = (): boolean => {\n    if (step === 0) return name.trim().length > 0;\n    if (step === 1 && hasVariables) {\n      return variables.filter((v) => v.required).every((v) => varValues[v.name]?.trim());\n    }\n    if (step === githubStep) {\n      if (sourceRepoUrl && !github.enabled) return false;\n      if (github.enabled) {\n        if (!github.repoName.trim()) return false;\n        if (github.scope === 'org' && !github.orgName.trim()) return false;\n        if (githubAuthMode === 'connection') {\n          if (!hasConnections) return false;\n        } else {\n          if (!github.token.trim()) return false;\n        }\n      }\n    }\n    return true;\n  };\n\n  const next = () => {\n    if (!canProceed()) {\n      if (step === 0) setError('Component name is required');\n      else if (step === 1 && hasVariables) setError('Please fill in all required fields');\n      else if (step === githubStep)\n        setError(\n          sourceRepoUrl\n            ? 'A GitHub repository is required to fork this template — enable it and fill in the details'\n            : 'Repo name, org (if applicable), and token are required to create a GitHub repo'\n        );\n      return;\n    }\n    setError(null);\n    setStep((s) => Math.min(s + 1, totalSteps - 1));\n  };\n\n  const back = () => setStep((s) => Math.max(s - 1, 0));\n\n  const handleSubmit = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const variableValues: Record<string, unknown> = {};\n      for (const v of variables) {\n        const val = varValues[v.name];\n        if (val !== undefined && val !== '') {\n          if (v.type === 'number') variableValues[v.name] = Number(val);\n          else if (v.type === 'boolean') variableValues[v.name] = val === 'true';\n          else variableValues[v.name] = val;\n        }\n      }\n      await onSubmit({\n        name,\n        description,\n        variableValues,\n        githubConfig: github.enabled ? github : null,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create component');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center z-50 p-4\"\n      style={{ backgroundColor: 'rgba(0,0,0,0.55)' }}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        exit={{ opacity: 0, scale: 0.95 }}\n        className=\"bg-bg-surface rounded-lg w-full max-w-lg shadow-xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n            <Copy className=\"w-4 h-4 text-action-primary-bg\" />\n            Use Template: <span className=\"text-action-primary-bg ml-1\">{templateName}</span>\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary rounded-md hover:bg-bg-sunken transition-colors\"\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        </div>\n\n        {/* Step pills */}\n        <div className=\"px-6 pt-4\">\n          <div className=\"flex items-center gap-2 overflow-x-auto pb-1\">\n            {steps.map((label, i) => (\n              <div key={i} className=\"flex items-center gap-2 flex-shrink-0\">\n                <div\n                  className={`flex items-center justify-center w-6 h-6 rounded-full text-xs font-medium transition-colors ${\n                    i < step\n                      ? 'bg-status-success-bg text-status-success-text'\n                      : i === step\n                        ? 'bg-action-primary-bg text-action-primary-text'\n                        : 'bg-bg-sunken text-text-muted'\n                  }`}\n                >\n                  {i < step ? <Check className=\"w-3 h-3\" /> : i + 1}\n                </div>\n                <span\n                  className={`text-xs ${i === step ? 'text-text-primary font-medium' : 'text-text-muted'}`}\n                >\n                  {label}\n                </span>\n                {i < steps.length - 1 && (\n                  <ChevronRight className=\"w-3 h-3 text-text-muted flex-shrink-0\" />\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Body */}\n        <div className=\"px-6 py-5 min-h-[220px] max-h-[60vh] overflow-y-auto\">\n          <AnimatePresence mode=\"wait\">\n            {/* Step 0 — Basic Info */}\n            {step === 0 && (\n              <motion.div\n                key=\"step0\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <p className=\"text-sm text-text-secondary\">\n                  This wizard creates a new <strong>component</strong> — a tracked entry in your\n                  software catalog — pre-configured from the{' '}\n                  <span className=\"font-medium text-text-primary\">{templateName}</span> blueprint.\n                </p>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    Component Name <span className=\"text-status-error-text\">*</span>\n                  </label>\n                  <input\n                    className={inputCls}\n                    placeholder=\"my-new-service\"\n                    value={name}\n                    onChange={(e) => handleNameChange(e.target.value)}\n                    autoFocus\n                  />\n                  <p className=\"mt-1 text-xs text-text-muted\">\n                    Name of the new component created from this template.\n                  </p>\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    Description\n                  </label>\n                  <textarea\n                    className={`${inputCls} resize-none`}\n                    rows={3}\n                    placeholder=\"What does this component do?\"\n                    value={description}\n                    onChange={(e) => setDescription(e.target.value)}\n                  />\n                </div>\n              </motion.div>\n            )}\n\n            {/* Step 1 — Variables (if any) */}\n            {step === 1 && hasVariables && (\n              <motion.div\n                key=\"step1\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <p className=\"text-sm text-text-secondary\">\n                  Fill in the configuration values for this template.\n                </p>\n                {variables.map((v) => (\n                  <div key={v.name}>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {v.title || v.name}\n                      {v.required && <span className=\"text-status-error-text ml-1\">*</span>}\n                    </label>\n                    {v.options.length > 0 ? (\n                      <select\n                        className={inputCls}\n                        value={varValues[v.name] || ''}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      >\n                        <option value=\"\">Select...</option>\n                        {v.options.map((opt) => (\n                          <option key={opt} value={opt}>\n                            {opt}\n                          </option>\n                        ))}\n                      </select>\n                    ) : v.type === 'boolean' ? (\n                      <select\n                        className={inputCls}\n                        value={varValues[v.name] || 'false'}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      >\n                        <option value=\"true\">Yes</option>\n                        <option value=\"false\">No</option>\n                      </select>\n                    ) : (\n                      <input\n                        className={inputCls}\n                        type={v.type === 'number' ? 'number' : 'text'}\n                        placeholder={v.placeholder || v.default || ''}\n                        value={varValues[v.name] || ''}\n                        onChange={(e) => setVarValues({ ...varValues, [v.name]: e.target.value })}\n                      />\n                    )}\n                  </div>\n                ))}\n              </motion.div>\n            )}\n\n            {/* GitHub step */}\n            {step === githubStep && (\n              <motion.div\n                key=\"stepGithub\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                {/* Source repo fork notice */}\n                {sourceRepoUrl && (\n                  <div className=\"flex items-start gap-2 p-3 bg-status-info-bg rounded-md text-xs text-status-info-text\">\n                    <Github className=\"w-4 h-4 flex-shrink-0 mt-0.5\" />\n                    <div>\n                      <p className=\"font-medium\">Source repository detected</p>\n                      <p className=\"mt-0.5 text-status-info-text/80 break-all\">{sourceRepoUrl}</p>\n                      <p className=\"mt-1\">\n                        Enabling GitHub will <strong>fork</strong> this repository into your new\n                        repo (with fallback to a new empty repo if the fork is unavailable).\n                      </p>\n                    </div>\n                  </div>\n                )}\n\n                <div className=\"flex items-start gap-3\">\n                  {sourceRepoUrl ? (\n                    <div className=\"mt-0.5 flex-shrink-0 w-9 h-5 rounded-full bg-action-primary-bg relative opacity-70 cursor-not-allowed\">\n                      <span className=\"absolute top-0.5 w-4 h-4 rounded-full bg-white shadow translate-x-4\" />\n                    </div>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={() => updateGithub({ enabled: !github.enabled })}\n                      className={`mt-0.5 flex-shrink-0 w-9 h-5 rounded-full transition-colors relative ${\n                        github.enabled\n                          ? 'bg-action-primary-bg'\n                          : 'bg-bg-sunken border border-border-default'\n                      }`}\n                    >\n                      <span\n                        className={`absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform ${\n                          github.enabled ? 'translate-x-4' : 'translate-x-0.5'\n                        }`}\n                      />\n                    </button>\n                  )}\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n                      <Github className=\"w-4 h-4\" />\n                      {sourceRepoUrl\n                        ? 'Fork source & create GitHub repository'\n                        : 'Create a GitHub repository'}\n                      {sourceRepoUrl && (\n                        <span className=\"text-xs text-status-error-text font-normal\">Required</span>\n                      )}\n                    </p>\n                    <p className=\"text-xs text-text-muted mt-0.5\">\n                      {sourceRepoUrl\n                        ? 'Forks the template source repo and links it to the new component.'\n                        : 'Automatically creates a new GitHub repo and links it to the component.'}\n                    </p>\n                  </div>\n                </div>\n\n                {github.enabled && (\n                  <div className=\"space-y-3 pl-12\">\n                    <div>\n                      <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                        Repository name <span className=\"text-status-error-text\">*</span>\n                      </label>\n                      <input\n                        className={inputCls}\n                        value={github.repoName}\n                        onChange={(e) => {\n                          setRepoNameTouched(true);\n                          updateGithub({ repoName: e.target.value });\n                        }}\n                        placeholder=\"my-new-service\"\n                      />\n                    </div>\n\n                    <div className=\"grid grid-cols-2 gap-3\">\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Visibility\n                        </label>\n                        <select\n                          className={inputCls}\n                          value={github.visibility}\n                          onChange={(e) =>\n                            updateGithub({\n                              visibility: e.target.value as GitHubConfig['visibility'],\n                            })\n                          }\n                        >\n                          <option value=\"private\">Private</option>\n                          <option value=\"public\">Public</option>\n                        </select>\n                      </div>\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Create under\n                        </label>\n                        <select\n                          className={inputCls}\n                          value={github.scope}\n                          onChange={(e) =>\n                            updateGithub({ scope: e.target.value as GitHubConfig['scope'] })\n                          }\n                        >\n                          <option value=\"user\">My account</option>\n                          <option value=\"org\">Organization</option>\n                        </select>\n                      </div>\n                    </div>\n\n                    {github.scope === 'org' && (\n                      <div>\n                        <label className=\"block text-xs font-medium text-text-primary mb-1\">\n                          Organization name <span className=\"text-status-error-text\">*</span>\n                        </label>\n                        <input\n                          className={inputCls}\n                          value={github.orgName}\n                          onChange={(e) => updateGithub({ orgName: e.target.value })}\n                          placeholder=\"my-org\"\n                        />\n                      </div>\n                    )}\n\n                    {/* Auth method toggle — always visible */}\n                    <div>\n                      <label className=\"block text-xs font-medium text-text-primary mb-2\">\n                        Authentication <span className=\"text-status-error-text\">*</span>\n                      </label>\n                      <div className=\"flex rounded-md border border-border-default overflow-hidden mb-3\">\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setGithubAuthMode('connection');\n                            updateGithub({\n                              connectionId: githubConnections[0]?.id ?? null,\n                              token: '',\n                            });\n                          }}\n                          className={`flex-1 py-1.5 text-xs font-medium transition-colors ${\n                            githubAuthMode === 'connection'\n                              ? 'bg-action-primary-bg text-action-primary-text'\n                              : 'bg-bg-surface text-text-secondary hover:bg-bg-sunken'\n                          }`}\n                        >\n                          Connected Account\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setGithubAuthMode('pat');\n                            updateGithub({ connectionId: null });\n                          }}\n                          className={`flex-1 py-1.5 text-xs font-medium transition-colors border-l border-border-default ${\n                            githubAuthMode === 'pat'\n                              ? 'bg-action-primary-bg text-action-primary-text'\n                              : 'bg-bg-surface text-text-secondary hover:bg-bg-sunken'\n                          }`}\n                        >\n                          Personal Token\n                        </button>\n                      </div>\n\n                      {/* Connected account panel */}\n                      {githubAuthMode === 'connection' &&\n                        (hasConnections ? (\n                          <div className=\"space-y-2\">\n                            <select\n                              className={inputCls}\n                              value={github.connectionId ?? githubConnections[0]?.id ?? ''}\n                              onChange={(e) => updateGithub({ connectionId: e.target.value })}\n                            >\n                              {githubConnections.map((conn) => (\n                                <option key={conn.id} value={conn.id}>\n                                  {conn.externalAccountEmail ||\n                                    conn.externalAccountName ||\n                                    conn.name}{' '}\n                                  — {conn.provider.name}\n                                </option>\n                              ))}\n                            </select>\n                            <p className=\"text-xs text-status-success-text\">\n                              Token resolved server-side — never exposed to the browser.\n                            </p>\n                          </div>\n                        ) : (\n                          <div className=\"p-3 bg-bg-sunken rounded-md text-xs text-text-secondary space-y-1\">\n                            <p>No GitHub accounts connected to this workspace.</p>\n                            <p>\n                              <a\n                                href=\"/vibecontrols/settings/integrations\"\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                                className=\"text-action-primary-bg underline\"\n                              >\n                                Connect GitHub in Settings →\n                              </a>{' '}\n                              then come back here to use it.\n                            </p>\n                          </div>\n                        ))}\n\n                      {/* PAT panel */}\n                      {githubAuthMode === 'pat' && (\n                        <div>\n                          <div className=\"relative\">\n                            <input\n                              className={`${inputCls} pr-10`}\n                              type={showToken ? 'text' : 'password'}\n                              value={github.token}\n                              onChange={(e) => updateGithub({ token: e.target.value })}\n                              placeholder=\"ghp_••••••••••••••••••••\"\n                              autoComplete=\"off\"\n                            />\n                            <button\n                              type=\"button\"\n                              onClick={() => setShowToken((v) => !v)}\n                              className=\"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-text-primary\"\n                            >\n                              {showToken ? (\n                                <EyeOff className=\"w-4 h-4\" />\n                              ) : (\n                                <Eye className=\"w-4 h-4\" />\n                              )}\n                            </button>\n                          </div>\n                          <p className=\"mt-1 text-xs text-text-muted\">\n                            Needs <code className=\"font-mono\">repo</code> scope.{' '}\n                            <a\n                              href=\"https://github.com/settings/tokens/new?scopes=repo&description=VibeControls+scaffolding\"\n                              target=\"_blank\"\n                              rel=\"noreferrer\"\n                              className=\"text-action-primary-bg underline\"\n                            >\n                              Generate one →\n                            </a>\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                )}\n\n                {!github.enabled && !sourceRepoUrl && (\n                  <p className=\"text-sm text-text-muted pl-12\">\n                    Skip this step — the component will be created without a linked repository. You\n                    can add a repository URL later in the component settings.\n                  </p>\n                )}\n              </motion.div>\n            )}\n\n            {/* Review step */}\n            {step === reviewStep && (\n              <motion.div\n                key=\"review\"\n                initial={{ opacity: 0, x: 20 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: -20 }}\n                transition={{ duration: 0.15 }}\n                className=\"space-y-4\"\n              >\n                <p className=\"text-sm text-text-secondary\">\n                  Review the details before creating your component.\n                </p>\n                <div className=\"bg-bg-sunken rounded-lg p-4 space-y-3 text-sm\">\n                  <div className=\"flex gap-3\">\n                    <span className=\"text-text-muted w-28 flex-shrink-0\">Name</span>\n                    <span className=\"text-text-primary font-medium\">{name}</span>\n                  </div>\n                  {description && (\n                    <div className=\"flex gap-3\">\n                      <span className=\"text-text-muted w-28 flex-shrink-0\">Description</span>\n                      <span className=\"text-text-primary\">{description}</span>\n                    </div>\n                  )}\n                  {hasVariables && variables.length > 0 && (\n                    <div className=\"pt-2 border-t border-border-default\">\n                      <p className=\"text-text-muted text-xs mb-2\">Variables</p>\n                      {variables.map((v) => (\n                        <div key={v.name} className=\"flex gap-3\">\n                          <span className=\"text-text-muted w-28 flex-shrink-0 truncate\">\n                            {v.title || v.name}\n                          </span>\n                          <span className=\"text-text-primary font-mono text-xs\">\n                            {varValues[v.name] || (\n                              <span className=\"text-text-muted italic\">default</span>\n                            )}\n                          </span>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"pt-2 border-t border-border-default flex gap-3\">\n                    <span className=\"text-text-muted w-28 flex-shrink-0\">GitHub repo</span>\n                    {github.enabled ? (\n                      <span className=\"text-text-primary font-mono text-xs\">\n                        {github.scope === 'org' ? github.orgName : 'personal'}/{github.repoName}{' '}\n                        <span className=\"text-text-muted\">({github.visibility})</span>\n                        {github.connectionId && (\n                          <span className=\"ml-2 text-status-success-text font-sans font-normal\">\n                            via connected account\n                          </span>\n                        )}\n                      </span>\n                    ) : (\n                      <span className=\"text-text-muted italic\">not creating</span>\n                    )}\n                  </div>\n                </div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n\n          {error && (\n            <div className=\"mt-3 p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n              {error}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-t border-border-default\">\n          <button\n            onClick={step === 0 ? onClose : back}\n            disabled={loading}\n            className=\"px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n          >\n            {step === 0 ? 'Cancel' : 'Back'}\n          </button>\n          {step < reviewStep ? (\n            <button\n              onClick={next}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              Next\n              <ChevronRight className=\"w-4 h-4\" />\n            </button>\n          ) : (\n            <button\n              onClick={handleSubmit}\n              disabled={loading}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Copy className=\"w-4 h-4\" />\n              {loading ? 'Creating...' : 'Create Component'}\n            </button>\n          )}\n        </div>\n      </motion.div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/AgentsPage.js

@@ -81,13 +81,11 @@ function Ue() {
 			e.set(t, n);
 		}
 		for (let [t, n] of e.entries()) t in j || (clearTimeout(n), e.delete(t));
-	}, [j, M]), s(() => {
-		let e = lt.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 			e.clear();
 		};
-	}, []);
+	}, [j, M]);
 	let [N, P] = u(null), [F, I] = u(!1), ut = l(null), dt = l(null), [L, R] = u(/* @__PURE__ */ new Set()), [ft, pt] = u(!1), [mt, z] = u(null), [ht, B] = u(null), [gt, V] = u(!1), H = l(null);
 	s(() => () => {
 		H.current && clearTimeout(H.current);