@burdenoff/microfe-vibecontrols 2026.1008.2 → 2026.1010.2

package/dist/pages/SharedSessionPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SharedSessionPage.js","names":[],"sources":["../../src/pages/SharedSessionPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react';\nimport { useParams } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Terminal,\n  Loader2,\n  AlertCircle,\n  Lock,\n  Eye,\n  Gamepad2,\n  Users,\n  Clock,\n  ArrowLeft,\n  LogIn,\n} from 'lucide-react';\nimport {\n  useValidateShareLinkQuery,\n  useJoinSharedSessionMutation,\n  useLeaveSharedSessionMutation,\n  useRequestSessionControlMutation,\n  useReleaseSessionControlMutation,\n  useGetSessionCollaboratorsQuery,\n  useCollaboratorJoinedSubscription,\n  useCollaboratorLeftSubscription,\n  useSessionControlChangedSubscription,\n  type SessionCollaboratorFieldsFragment,\n} from '@/generated/wspace-operations';\nimport { SessionSharePermission } from '@/generated/wspace-types';\nimport { SharedTerminalPanel } from '@/components/sessions/SharedTerminalPanel';\nimport { CollaboratorsList } from '@/components/sessions/CollaboratorsList';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\ninterface PasswordFormProps {\n  onSubmit: (password: string) => void;\n  isLoading: boolean;\n  error?: string | null;\n}\n\n/**\n * Password entry form for protected share links\n */\nfunction PasswordForm({ onSubmit, isLoading, error }: PasswordFormProps) {\n  const [password, setPassword] = useState('');\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (password.trim()) {\n      onSubmit(password);\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-4 w-full max-w-sm\">\n      <div>\n        <label\n          htmlFor=\"shared-session-password\"\n          className=\"block text-sm font-medium text-text-primary mb-2\"\n        >\n          This session is password protected\n        </label>\n        <div className=\"relative\">\n          <Lock className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n          <input\n            aria-label=\"Enter password\"\n            id=\"shared-session-password\"\n            type=\"password\"\n            value={password}\n            onChange={(e) => setPassword(e.target.value)}\n            placeholder=\"Enter password\"\n            className=\"w-full pl-10 pr-4 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n          />\n        </div>\n      </div>\n      {error && (\n        <div className=\"flex items-center gap-2 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg\">\n          <AlertCircle className=\"size-4 text-status-error-text\" />\n          <span className=\"text-sm text-status-error-text\">{error}</span>\n        </div>\n      )}\n      <button\n        type=\"submit\"\n        disabled={isLoading || !password.trim()}\n        className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n      >\n        {isLoading ? (\n          <span className=\"flex items-center justify-center gap-2\">\n            <Loader2 className=\"size-4 animate-spin\" />\n            Joining...\n          </span>\n        ) : (\n          'Join Session'\n        )}\n      </button>\n    </form>\n  );\n}\n\n/**\n * SharedSessionPage - Page for accessing shared terminal sessions via link\n *\n * URL: /share/:token\n *\n * Flow:\n * 1. Validate the share link token\n * 2. If password required, show password form\n * 3. Join the shared session\n * 4. Display terminal with collaboration UI\n */\nexport function SharedSessionPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const { token } = useParams<{ token: string }>();\n  const { currentUser } = useVibeControls();\n  // State\n  const [joined, setJoined] = useState(false);\n  const [sessionId, setSessionId] = useState<string | null>(null);\n  const [password, setPassword] = useState('');\n  const [passwordError, setPasswordError] = useState<string | null>(null);\n  const [joinError, setJoinError] = useState<string | null>(null);\n  const [hasLeft, setHasLeft] = useState(false);\n  const joiningRef = useRef(false);\n  const hasJoinedRef = useRef(false);\n\n  // Get currentUserId from auth context\n  const currentUserId = currentUser?.id ?? '';\n\n  // Validate the share link\n  const {\n    data: validationData,\n    loading: validating,\n    error: validationError,\n    refetch: refetchValidation,\n  } = useValidateShareLinkQuery({\n    variables: { token: token || '' },\n    skip: !token,\n  });\n\n  const validation = validationData?.validateShareLink;\n\n  // Mutations\n  const [joinSession, { loading: joining }] = useJoinSharedSessionMutation();\n  const [leaveSession] = useLeaveSharedSessionMutation();\n  const [requestControl, { loading: requestingControl }] = useRequestSessionControlMutation();\n  const [releaseControl, { loading: releasingControl }] = useReleaseSessionControlMutation();\n\n  // Get collaborators once joined\n  const { data: collaboratorsData, refetch: refetchCollaborators } =\n    useGetSessionCollaboratorsQuery({\n      variables: { sessionId: sessionId || '' },\n      skip: !sessionId || !joined,\n      // Subscription handles the primary signal (collaboratorJoined /\n      // collaboratorLeft). Poll is a slow safety-net to recover if the\n      // SSE stream drops silently — 60s is enough since presence flips\n      // are pushed through the subscription.\n      pollInterval: 60_000,\n    });\n\n  const collaborators = collaboratorsData?.sessionCollaborators || [];\n\n  // Real-time subscriptions for collaboration events\n  const { data: joinedData } = useCollaboratorJoinedSubscription({\n    variables: { sessionId: sessionId || '' },\n    skip: !sessionId || !joined,\n  });\n\n  const { data: leftData } = useCollaboratorLeftSubscription({\n    variables: { sessionId: sessionId || '' },\n    skip: !sessionId || !joined,\n  });\n\n  const { data: controlChangedData } = useSessionControlChangedSubscription({\n    variables: { sessionId: sessionId || '' },\n    skip: !sessionId || !joined,\n  });\n\n  // Refetch collaborators when subscription events arrive\n  useEffect(() => {\n    if (joinedData || leftData || controlChangedData) {\n      refetchCollaborators();\n    }\n  }, [joinedData, leftData, controlChangedData, refetchCollaborators]);\n\n  // Cleanup: Leave session only on unmount, and only if we actually joined\n  useEffect(() => {\n    return () => {\n      if (hasJoinedRef.current && sessionId) {\n        leaveSession({ variables: { sessionId } }).catch(console.error);\n      }\n    };\n  }, [sessionId, leaveSession]);\n\n  const handleJoinSession = useCallback(\n    async (passwordInput?: string) => {\n      if (!token || joiningRef.current) return;\n\n      joiningRef.current = true;\n      const pwd = passwordInput || password;\n      setPasswordError(null);\n      setJoinError(null);\n\n      try {\n        const result = await joinSession({\n          variables: {\n            input: {\n              shareToken: token,\n              password: pwd || undefined,\n            },\n          },\n        });\n\n        if (result.data?.joinSharedSession) {\n          hasJoinedRef.current = true;\n          setJoined(true);\n          setSessionId(result.data.joinSharedSession.sessionId);\n          void refetchValidation();\n        }\n      } catch (err) {\n        const message = err instanceof Error ? err.message : 'Failed to join session';\n        if (message.toLowerCase().includes('password')) {\n          setPasswordError('Incorrect password');\n        } else {\n          setPasswordError(message);\n          setJoinError(message);\n        }\n      } finally {\n        joiningRef.current = false;\n      }\n    },\n    [joinSession, password, refetchValidation, token]\n  );\n\n  // Auto-join if no password required and link is valid\n  useEffect(() => {\n    if (\n      validation?.isValid &&\n      !validation.requiresPassword &&\n      !joined &&\n      !hasLeft &&\n      !joiningRef.current &&\n      token\n    ) {\n      // Set sessionId early from validation so collaborators query can start\n      if (validation.sessionId && !sessionId) {\n        setSessionId(validation.sessionId);\n      }\n      void handleJoinSession();\n    }\n  }, [\n    validation?.isValid,\n    validation?.requiresPassword,\n    validation?.sessionId,\n    joined,\n    hasLeft,\n    token,\n    sessionId,\n    handleJoinSession,\n  ]);\n\n  const handleRequestControl = useCallback(async () => {\n    if (!sessionId) return;\n    try {\n      await requestControl({ variables: { sessionId } });\n      refetchCollaborators();\n    } catch (err) {\n      console.error('Failed to request control:', err);\n    }\n  }, [sessionId, requestControl, refetchCollaborators]);\n\n  const handleReleaseControl = useCallback(async () => {\n    if (!sessionId) return;\n    try {\n      await releaseControl({ variables: { sessionId } });\n      refetchCollaborators();\n    } catch (err) {\n      console.error('Failed to release control:', err);\n    }\n  }, [sessionId, releaseControl, refetchCollaborators]);\n\n  const handleLeaveSession = useCallback(async () => {\n    if (!sessionId) return;\n    try {\n      await leaveSession({ variables: { sessionId } });\n      hasJoinedRef.current = false; // Prevent cleanup from firing a second leave\n      setHasLeft(true);\n      setJoined(false);\n      setSessionId(null);\n      window.history.back();\n    } catch (err) {\n      console.error('Failed to leave session:', err);\n    }\n  }, [sessionId, leaveSession]);\n\n  // Determine current user's collaborator entry\n  const currentCollaborator = collaborators.find(\n    (c: SessionCollaboratorFieldsFragment) => c.userId === currentUserId\n  );\n  const permission = validation?.permission || SessionSharePermission.View;\n\n  // Stabilize terminal URL to prevent iframe reloads on parent re-render\n  const terminalUrl = useMemo(() => validation?.ttydUrl || null, [validation?.ttydUrl]);\n\n  // Loading state\n  if (validating) {\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center\">\n        <div className=\"text-center\">\n          <Loader2 className=\"size-8 text-action-primary-bg animate-spin mx-auto mb-4\" />\n          <p className=\"text-text-secondary\">\n            {tr('sharedSession.validating', 'Validating share link...')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (validationError || !validation) {\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center p-4\">\n        <div className=\"text-center max-w-md\">\n          <div className=\"size-16 bg-status-error-bg-subtle rounded-full flex items-center justify-center mx-auto mb-4\">\n            <AlertCircle className=\"size-8 text-status-error-text\" />\n          </div>\n          <h2 className=\"text-xl font-semibold text-text-primary mb-2\">\n            {tr('sharedSession.unableToLoad', 'Unable to Load Session')}\n          </h2>\n          <p className=\"text-text-secondary mb-6\">\n            {validationError?.message ||\n              tr('sharedSession.failedValidate', 'Failed to validate the share link')}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => window.history.back()}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-button hover:bg-bg-elevated hover:border-border-strong transition-colors\"\n          >\n            <ArrowLeft className=\"size-4\" />\n            {tr('sharedSession.goBack', 'Go Back')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // Invalid link\n  if (!validation.isValid) {\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center p-4\">\n        <div className=\"text-center max-w-md\">\n          <div className=\"size-16 bg-status-warning-bg-subtle rounded-full flex items-center justify-center mx-auto mb-4\">\n            <AlertCircle className=\"size-8 text-status-warning-text\" />\n          </div>\n          <h2 className=\"text-xl font-semibold text-text-primary mb-2\">\n            {tr('sharedSession.invalidExpiredLink', 'Invalid or Expired Link')}\n          </h2>\n          <p className=\"text-text-secondary mb-6\">\n            {validation.error ||\n              tr('sharedSession.linkNoLongerValid', 'This share link is no longer valid.')}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => window.history.back()}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-button hover:bg-bg-elevated hover:border-border-strong transition-colors\"\n          >\n            <ArrowLeft className=\"size-4\" />\n            {tr('sharedSession.goBack', 'Go Back')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // Password required - show password form\n  if (validation.requiresPassword && !joined) {\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center p-4\">\n        <div className=\"w-full max-w-md\">\n          <div className=\"bg-bg-surface border border-border-subtle rounded-card p-6 shadow-elevation-1\">\n            {/* Header */}\n            <div className=\"text-center mb-6\">\n              <div className=\"size-12 bg-[var(--color-accent-soft)] rounded-full flex items-center justify-center mx-auto mb-4\">\n                <Terminal className=\"size-6 text-action-primary-bg\" />\n              </div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {validation.sessionName || 'Shared Session'}\n              </h2>\n              {validation.ownerName && (\n                <p className=\"text-sm text-text-secondary mt-1\">\n                  {tr('sharedSession.sharedBy', 'Shared by')} {validation.ownerName}\n                </p>\n              )}\n            </div>\n\n            {/* Permission badge */}\n            <div className=\"flex justify-center mb-6\">\n              <div\n                className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm ${\n                  validation.permission === SessionSharePermission.View\n                    ? 'bg-bg-sunken text-text-secondary'\n                    : 'bg-[var(--color-accent-soft)] text-text-primary'\n                }`}\n              >\n                {validation.permission === SessionSharePermission.View ? (\n                  <>\n                    <Eye className=\"size-4\" />\n                    {tr('sharedSession.viewOnly', 'View Only')}\n                  </>\n                ) : (\n                  <>\n                    <Gamepad2 className=\"size-4\" />\n                    {tr('sharedSession.canControl', 'Can Control')}\n                  </>\n                )}\n              </div>\n            </div>\n\n            {/* Expiry info */}\n            {validation.expiresAt && (\n              <div className=\"flex items-center justify-center gap-2 mb-6 text-xs text-text-secondary\">\n                <Clock className=\"size-3.5\" />\n                <span>\n                  {tr('sharedSession.expires', 'Expires')}{' '}\n                  {new Date(validation.expiresAt).toLocaleString()}\n                </span>\n              </div>\n            )}\n\n            {/* Password form */}\n            <PasswordForm\n              onSubmit={(pwd) => {\n                setPassword(pwd);\n                handleJoinSession(pwd);\n              }}\n              isLoading={joining}\n              error={passwordError}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Post-leave state — user explicitly left, don't show join spinner\n  if (hasLeft) {\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center p-4\">\n        <div className=\"text-center max-w-md\">\n          <div className=\"size-16 bg-bg-sunken rounded-full flex items-center justify-center mx-auto mb-4\">\n            <LogIn className=\"size-8 text-text-secondary\" />\n          </div>\n          <h2 className=\"text-xl font-semibold text-text-primary mb-2\">\n            {tr('sharedSession.youLeft', 'You left the session')}\n          </h2>\n          <p className=\"text-text-secondary mb-6\">\n            {tr('sharedSession.rejoinHint', 'You can rejoin using the same share link.')}\n          </p>\n          <div className=\"flex items-center justify-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => window.history.back()}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-button hover:bg-bg-elevated hover:border-border-strong transition-colors\"\n            >\n              <ArrowLeft className=\"size-4\" />\n              {tr('sharedSession.goBack', 'Go Back')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => {\n                setHasLeft(false);\n                setJoinError(null);\n                handleJoinSession();\n              }}\n              disabled={joining}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <LogIn className=\"size-4\" />\n              {tr('sharedSession.rejoin', 'Rejoin')}\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Joining state - show error if join failed, otherwise spinner\n  if (!joined && !validation.requiresPassword) {\n    if (joinError) {\n      return (\n        <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center p-4\">\n          <div className=\"text-center max-w-md\">\n            <div className=\"size-16 bg-status-error-bg-subtle rounded-full flex items-center justify-center mx-auto mb-4\">\n              <AlertCircle className=\"size-8 text-status-error-text\" />\n            </div>\n            <h2 className=\"text-xl font-semibold text-text-primary mb-2\">\n              {tr('sharedSession.failedJoin', 'Failed to Join Session')}\n            </h2>\n            <p className=\"text-text-secondary mb-6\">{joinError}</p>\n            <div className=\"flex items-center justify-center gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => window.history.back()}\n                className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-button hover:bg-bg-elevated hover:border-border-strong transition-colors\"\n              >\n                <ArrowLeft className=\"size-4\" />\n                {tr('sharedSession.goBack', 'Go Back')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setJoinError(null);\n                  handleJoinSession();\n                }}\n                disabled={joining}\n                className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n              >\n                <LogIn className=\"size-4\" />\n                {tr('sharedSession.retry', 'Retry')}\n              </button>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"min-h-screen bg-bg-canvas flex items-center justify-center\">\n        <div className=\"text-center\">\n          <Loader2 className=\"size-8 text-action-primary-bg animate-spin mx-auto mb-4\" />\n          <p className=\"text-text-secondary\">{tr('sharedSession.joining', 'Joining session...')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  // Main shared session view\n  return (\n    <MotionPage className=\"min-h-screen bg-bg-canvas flex flex-col\">\n      {/* Header */}\n      <header className=\"bg-bg-surface border-b border-border-default px-4 py-3\">\n        <div className=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 max-w-screen-2xl mx-auto\">\n          <div className=\"flex items-center gap-4\">\n            <button\n              type=\"button\"\n              onClick={handleLeaveSession}\n              className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-lg transition-colors\"\n              title=\"Leave session\"\n              aria-label=\"Leave session\"\n            >\n              <ArrowLeft className=\"size-5\" />\n            </button>\n            <div className=\"flex items-center gap-3\">\n              <div className=\"p-2 bg-[var(--color-accent-soft)] rounded-lg\">\n                <Terminal className=\"size-5 text-action-primary-bg\" />\n              </div>\n              <div>\n                <h1 className=\"font-semibold text-text-primary\">\n                  {validation.sessionName || 'Shared Session'}\n                </h1>\n                {validation.ownerName && (\n                  <p className=\"text-xs text-text-secondary\">\n                    {tr('sharedSession.sharedBy', 'Shared by')} {validation.ownerName}\n                  </p>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Permission and collaborator count */}\n          <div className=\"flex items-center gap-3\">\n            <div\n              className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${\n                permission === SessionSharePermission.View\n                  ? 'bg-bg-sunken text-text-secondary'\n                  : 'bg-[var(--color-accent-soft)] text-text-primary'\n              }`}\n            >\n              {permission === SessionSharePermission.View ? (\n                <>\n                  <Eye className=\"size-3.5\" />\n                  {tr('sharedSession.viewOnly', 'View Only')}\n                </>\n              ) : (\n                <>\n                  <Gamepad2 className=\"size-3.5\" />\n                  {tr('sharedSession.interactive', 'Interactive')}\n                </>\n              )}\n            </div>\n            <div className=\"flex items-center gap-1.5 px-2.5 py-1 bg-bg-sunken rounded-full text-xs text-text-secondary\">\n              <Users className=\"size-3.5\" />\n              <span>{collaborators.length}</span>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      {/* Main content */}\n      <div className=\"flex-1 flex\">\n        {/* Terminal area */}\n        <div className=\"flex-1 flex flex-col\">\n          <SharedTerminalPanel\n            isShared={true}\n            collaborators={collaborators}\n            currentUserId={currentUserId}\n            permission={permission}\n            onRequestControl={handleRequestControl}\n            onReleaseControl={handleReleaseControl}\n            isRequestingControl={requestingControl}\n            isReleasingControl={releasingControl}\n            className=\"flex-1\"\n          >\n            {/* Terminal iframe - in production this would be the ttyd URL */}\n            <div className=\"w-full h-full bg-bg-inverse text-text-inverse flex items-center justify-center\">\n              {terminalUrl ? (\n                <iframe\n                  src={terminalUrl}\n                  title=\"Shared Terminal\"\n                  className=\"w-full h-full border-0\"\n                  allow=\"clipboard-read; clipboard-write\"\n                  sandbox=\"allow-scripts allow-same-origin allow-forms\"\n                />\n              ) : (\n                <div className=\"text-center\">\n                  <Terminal className=\"size-12 text-text-secondary mx-auto mb-4\" />\n                  <p className=\"text-text-tertiary\">\n                    {tr('sharedSession.terminalLoading', 'Terminal loading...')}\n                  </p>\n                  <p className=\"text-text-secondary text-sm mt-1\">Session ID: {sessionId}</p>\n                </div>\n              )}\n            </div>\n          </SharedTerminalPanel>\n        </div>\n\n        {/* Sidebar - Collaborators */}\n        <aside className=\"w-72 bg-bg-surface border-l border-border-default p-4 hidden lg:block\">\n          <CollaboratorsList\n            collaborators={collaborators}\n            currentUserId={currentUserId}\n            onRequestControl={\n              permission === SessionSharePermission.Interact ? handleRequestControl : undefined\n            }\n            isRequestingControl={requestingControl}\n          />\n\n          {/* Session info */}\n          <div className=\"mt-6 pt-6 border-t border-border-default\">\n            <h4 className=\"text-xs font-medium text-text-secondary uppercase tracking-wide mb-3\">\n              {tr('sharedSession.sessionInfo', 'Session Info')}\n            </h4>\n            <div className=\"space-y-2 text-sm\">\n              {validation.expiresAt && (\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-text-secondary\">\n                    {tr('sharedSession.expires', 'Expires')}\n                  </span>\n                  <span className=\"text-text-primary\">\n                    {new Date(validation.expiresAt).toLocaleTimeString()}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-text-secondary\">\n                  {tr('sharedSession.yourRole', 'Your role')}\n                </span>\n                <span className=\"text-text-primary capitalize\">\n                  {currentCollaborator?.role?.toLowerCase() || tr('sharedSession.viewer', 'Viewer')}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-text-secondary\">{tr('sharedSession.status', 'Status')}</span>\n                <span className=\"text-status-success-text\">\n                  {tr('sharedSession.connected', 'Connected')}\n                </span>\n              </div>\n            </div>\n          </div>\n        </aside>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0CA,SAAS,GAAa,EAAE,aAAU,cAAW,YAA4B;CACvE,IAAM,CAAC,GAAU,KAAe,EAAS,GAAG;AAS5C,QACE,kBAAC,QAAD;EAAM,WARc,MAAuB;AAE3C,GADA,EAAE,gBAAgB,EACd,EAAS,MAAM,IACjB,EAAS,EAAS;;EAKU,WAAU;YAAxC;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cACX;IAEO,CAAA,EACR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAM,WAAU,uEAAwE,CAAA,EACxF,kBAAC,SAAD;KACE,cAAW;KACX,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;KAC5C,aAAY;KACZ,WAAU;KACV,CAAA,CACE;MACF,EAAA,CAAA;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAa,WAAU,iCAAkC,CAAA,EACzD,kBAAC,QAAD;KAAM,WAAU;eAAkC;KAAa,CAAA,CAC3D;;GAER,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,KAAa,CAAC,EAAS,MAAM;IACvC,WAAU;cAET,IACC,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAAA,aAEtC;SAEP;IAEK,CAAA;GACJ;;;AAeX,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,IAAS,EACjB,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAE,CACJ,EACK,EAAE,aAAU,IAA8B,EAC1C,EAAE,oBAAgB,IAAiB,EAEnC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAe,KAAoB,EAAwB,KAAK,EACjE,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAa,EAAO,GAAM,EAC1B,IAAe,EAAO,GAAM,EAG5B,IAAgB,IAAa,MAAM,IAGnC,EACJ,MAAM,IACN,SAAS,IACT,OAAO,GACP,SAAS,MACP,GAA0B;EAC5B,WAAW,EAAE,OAAO,KAAS,IAAI;EACjC,MAAM,CAAC;EACR,CAAC,EAEI,IAAa,IAAgB,mBAG7B,CAAC,GAAa,EAAE,SAAS,OAAa,GAA8B,EACpE,CAAC,KAAgB,GAA+B,EAChD,CAAC,GAAgB,EAAE,SAAS,OAAuB,IAAkC,EACrF,CAAC,GAAgB,EAAE,SAAS,QAAsB,IAAkC,EAGpF,EAAE,MAAM,IAAmB,SAAS,MACxC,EAAgC;EAC9B,WAAW,EAAE,WAAW,KAAa,IAAI;EACzC,MAAM,CAAC,KAAa,CAAC;EAKrB,cAAc;EACf,CAAC,EAEE,IAAgB,IAAmB,wBAAwB,EAAE,EAG7D,EAAE,MAAM,MAAe,EAAkC;EAC7D,WAAW,EAAE,WAAW,KAAa,IAAI;EACzC,MAAM,CAAC,KAAa,CAAC;EACtB,CAAC,EAEI,EAAE,MAAM,MAAa,EAAgC;EACzD,WAAW,EAAE,WAAW,KAAa,IAAI;EACzC,MAAM,CAAC,KAAa,CAAC;EACtB,CAAC,EAEI,EAAE,MAAM,MAAuB,GAAqC;EACxE,WAAW,EAAE,WAAW,KAAa,IAAI;EACzC,MAAM,CAAC,KAAa,CAAC;EACtB,CAAC;AAUF,CAPA,QAAgB;AACd,GAAI,KAAc,KAAY,MAC5B,GAAsB;IAEvB;EAAC;EAAY;EAAU;EAAoB;EAAqB,CAAC,EAGpE,cACe;AACX,EAAI,EAAa,WAAW,KAC1B,EAAa,EAAE,WAAW,EAAE,cAAW,EAAE,CAAC,CAAC,MAAM,QAAQ,MAAM;IAGlE,CAAC,GAAW,EAAa,CAAC;CAE7B,IAAM,IAAoB,EACxB,OAAO,MAA2B;AAChC,MAAI,CAAC,KAAS,EAAW,QAAS;AAElC,IAAW,UAAU;EACrB,IAAM,IAAM,KAAiB;AAE7B,EADA,EAAiB,KAAK,EACtB,EAAa,KAAK;AAElB,MAAI;GACF,IAAM,IAAS,MAAM,EAAY,EAC/B,WAAW,EACT,OAAO;IACL,YAAY;IACZ,UAAU,KAAO,KAAA;IAClB,EACF,EACF,CAAC;AAEF,GAAI,EAAO,MAAM,sBACf,EAAa,UAAU,IACvB,EAAU,GAAK,EACf,EAAa,EAAO,KAAK,kBAAkB,UAAU,EAChD,GAAmB;WAEnB,GAAK;GACZ,IAAM,IAAU,aAAe,QAAQ,EAAI,UAAU;AACrD,GAAI,EAAQ,aAAa,CAAC,SAAS,WAAW,GAC5C,EAAiB,qBAAqB,IAEtC,EAAiB,EAAQ,EACzB,EAAa,EAAQ;YAEf;AACR,KAAW,UAAU;;IAGzB;EAAC;EAAa;EAAU;EAAmB;EAAM,CAClD;AAGD,SAAgB;AACd,EACE,GAAY,WACZ,CAAC,EAAW,oBACZ,CAAC,KACD,CAAC,KACD,CAAC,EAAW,WACZ,MAGI,EAAW,aAAa,CAAC,KAC3B,EAAa,EAAW,UAAU,EAE/B,GAAmB;IAEzB;EACD,GAAY;EACZ,GAAY;EACZ,GAAY;EACZ;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,IAAuB,EAAY,YAAY;AAC9C,QACL,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,cAAW,EAAE,CAAC,EAClD,GAAsB;WACf,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;IAEjD;EAAC;EAAW;EAAgB;EAAqB,CAAC,EAE/C,KAAuB,EAAY,YAAY;AAC9C,QACL,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,cAAW,EAAE,CAAC,EAClD,GAAsB;WACf,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;IAEjD;EAAC;EAAW;EAAgB;EAAqB,CAAC,EAE/C,KAAqB,EAAY,YAAY;AAC5C,QACL,KAAI;AAMF,GALA,MAAM,EAAa,EAAE,WAAW,EAAE,cAAW,EAAE,CAAC,EAChD,EAAa,UAAU,IACvB,EAAW,GAAK,EAChB,EAAU,GAAM,EAChB,EAAa,KAAK,EAClB,OAAO,QAAQ,MAAM;WACd,GAAK;AACZ,WAAQ,MAAM,4BAA4B,EAAI;;IAE/C,CAAC,GAAW,EAAa,CAAC,EAGvB,KAAsB,EAAc,MACvC,MAAyC,EAAE,WAAW,EACxD,EACK,IAAa,GAAY,cAAc,EAAuB,MAG9D,IAAc,SAAc,GAAY,WAAW,MAAM,CAAC,GAAY,QAAQ,CAAC;AA2OrF,QAxOI,KAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAS,WAAU,2DAA4D,CAAA,EAC/E,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,4BAA4B,2BAA2B;IACzD,CAAA,CACA;;EACF,CAAA,GAKN,KAAmB,CAAC,IAEpB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAa,WAAU,iCAAkC,CAAA;KACrD,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,yBAAyB;KACxD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,GAAiB,WAChB,EAAG,gCAAgC,oCAAoC;KACvE,CAAA;IACJ,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,OAAO,QAAQ,MAAM;KACpC,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,wBAAwB,UAAU,CAC/B;;IACL;;EACF,CAAA,GAKL,EAAW,UA4BZ,EAAW,oBAAoB,CAAC,IAEhC,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA;QAClD,CAAA;OACN,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAW,eAAe;QACxB,CAAA;OACJ,EAAW,aACV,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAG,0BAA0B,YAAY;SAAC;SAAE,EAAW;SACtD;;OAEF;;KAGN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAW,qEACT,EAAW,eAAe,EAAuB,OAC7C,qCACA;iBAGL,EAAW,eAAe,EAAuB,OAChD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA,EACzB,EAAG,0BAA0B,YAAY,CACzC,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA,EAC9B,EAAG,4BAA4B,cAAc,CAC7C,EAAA,CAAA;OAED,CAAA;MACF,CAAA;KAGL,EAAW,aACV,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,IAAD,EAAO,WAAU,YAAa,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAA;OACG,EAAG,yBAAyB,UAAU;OAAE;OACxC,IAAI,KAAK,EAAW,UAAU,CAAC,gBAAgB;OAC3C,EAAA,CAAA,CACH;;KAIR,kBAAC,IAAD;MACE,WAAW,MAAQ;AAEjB,OADA,GAAY,EAAI,EAChB,EAAkB,EAAI;;MAExB,WAAW;MACX,OAAO;MACP,CAAA;KACE;;GACF,CAAA;EACF,CAAA,GAKN,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAO,WAAU,8BAA+B,CAAA;KAC5C,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,yBAAyB,uBAAuB;KACjD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,4BAA4B,4CAA4C;KAC1E,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,OAAO,QAAQ,MAAM;MACpC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,wBAAwB,UAAU,CAC/B;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;AAGb,OAFA,EAAW,GAAM,EACjB,EAAa,KAAK,EAClB,GAAmB;;MAErB,UAAU;MACV,WAAU;gBARZ,CAUE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC3B,EAAG,wBAAwB,SAAS,CAC9B;QACL;;IACF;;EACF,CAAA,GAKN,CAAC,KAAU,CAAC,EAAW,mBACrB,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAa,WAAU,iCAAkC,CAAA;KACrD,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,4BAA4B,yBAAyB;KACtD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA4B;KAAc,CAAA;IACvD,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,OAAO,QAAQ,MAAM;MACpC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,wBAAwB,UAAU,CAC/B;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;AAEb,OADA,EAAa,KAAK,EAClB,GAAmB;;MAErB,UAAU;MACV,WAAU;gBAPZ,CASE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC3B,EAAG,uBAAuB,QAAQ,CAC5B;QACL;;IACF;;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAS,WAAU,2DAA4D,CAAA,EAC/E,kBAAC,KAAD;IAAG,WAAU;cAAuB,EAAG,yBAAyB,qBAAqB;IAAK,CAAA,CACtF;;EACF,CAAA,GAMR,kBAAC,IAAD;EAAY,WAAU;YAAtB,CAEE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,OAAM;MACN,cAAW;gBAEX,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACzB,CAAA,EACT,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA;OAClD,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAW,eAAe;OACxB,CAAA,EACJ,EAAW,aACV,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAG,0BAA0B,YAAY;QAAC;QAAE,EAAW;QACtD;SAEF,EAAA,CAAA,CACF;QACF;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MACE,WAAW,iFACT,MAAe,EAAuB,OAClC,qCACA;gBAGL,MAAe,EAAuB,OACrC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAK,WAAU,YAAa,CAAA,EAC3B,EAAG,0BAA0B,YAAY,CACzC,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,EAChC,EAAG,6BAA6B,cAAc,CAC9C,EAAA,CAAA;MAED,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,IAAD,EAAO,WAAU,YAAa,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAO,EAAc,QAAc,CAAA,CAC/B;QACF;OACF;;GACC,CAAA,EAGT,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,IAAD;KACE,UAAU;KACK;KACA;KACH;KACZ,kBAAkB;KAClB,kBAAkB;KAClB,qBAAqB;KACrB,oBAAoB;KACpB,WAAU;eAGV,kBAAC,OAAD;MAAK,WAAU;gBACZ,IACC,kBAAC,UAAD;OACE,KAAK;OACL,OAAM;OACN,WAAU;OACV,OAAM;OACN,SAAQ;OACR,CAAA,GAEF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;QACjE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,iCAAiC,sBAAsB;SACzD,CAAA;QACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAgD,gBAAa,EAAc;;QACvE;;MAEJ,CAAA;KACc,CAAA;IAClB,CAAA,EAGN,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,IAAD;KACiB;KACA;KACf,kBACE,MAAe,EAAuB,WAAW,IAAuB,KAAA;KAE1E,qBAAqB;KACrB,CAAA,EAGF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,6BAA6B,eAAe;MAC7C,CAAA,EACL,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAW,aACV,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,yBAAyB,UAAU;SAClC,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBACb,IAAI,KAAK,EAAW,UAAU,CAAC,oBAAoB;SAC/C,CAAA,CACH;;OAER,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,0BAA0B,YAAY;SACrC,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBACb,IAAqB,MAAM,aAAa,IAAI,EAAG,wBAAwB,SAAS;SAC5E,CAAA,CACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAG,wBAAwB,SAAS;SAAQ,CAAA,EACnF,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,2BAA2B,YAAY;SACtC,CAAA,CACH;;OACF;QACF;OACA;MACJ;KACK;MA5UX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAa,WAAU,mCAAoC,CAAA;KACvD,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,oCAAoC,0BAA0B;KAC/D,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW,SACV,EAAG,mCAAmC,sCAAsC;KAC5E,CAAA;IACJ,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,OAAO,QAAQ,MAAM;KACpC,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,wBAAwB,UAAU,CAC/B;;IACL;;EACF,CAAA"}

package/dist/pages/SharedVibeDeckPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SharedVibeDeckPage.js","names":[],"sources":["../../src/pages/SharedVibeDeckPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useParams, useSearchParams } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Loader2, AlertCircle, Lock, Play, Zap, Eye } from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { VibeDeckGrid } from '@/components/vibedeck/VibeDeckGrid';\nimport {\n  useValidateVibeDeckShareLinkQuery,\n  useGetSharedVibeDeckQuery,\n  useExecuteSharedVibeDeckButtonMutation,\n} from '@/generated/wspace-operations';\n\n/**\n * Password entry form for protected share links\n */\nfunction PasswordForm({\n  onSubmit,\n  isLoading,\n  error,\n}: {\n  onSubmit: (password: string) => void;\n  isLoading: boolean;\n  error?: string | null;\n}) {\n  const [password, setPassword] = useState('');\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (password.trim()) onSubmit(password);\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-4 w-full max-w-sm\">\n      <div>\n        <label\n          htmlFor=\"sharedvibedeckpage-57\"\n          className=\"block text-sm font-medium text-text-primary mb-2\"\n        >\n          This VibeDeck is password protected\n        </label>\n        <div className=\"relative\">\n          <Lock className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n          <input\n            id=\"sharedvibedeckpage-57\"\n            aria-label=\"Enter password\"\n            type=\"password\"\n            value={password}\n            onChange={(e) => setPassword(e.target.value)}\n            placeholder=\"Enter password\"\n            className=\"w-full pl-10 pr-4 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n          />\n        </div>\n      </div>\n      {error && (\n        <div className=\"flex items-center gap-2 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-card\">\n          <AlertCircle className=\"size-4 text-status-error-text\" />\n          <span className=\"text-sm text-status-error-text\">{error}</span>\n        </div>\n      )}\n      <button\n        type=\"submit\"\n        disabled={isLoading || !password.trim()}\n        className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n      >\n        {isLoading ? 'Verifying...' : 'Access VibeDeck'}\n      </button>\n    </form>\n  );\n}\n\n/**\n * Error display component\n */\nfunction ShareError({ message }: { message: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[60vh] gap-4\">\n      <div className=\"size-16 rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n        <AlertCircle size={32} className=\"text-status-error-text\" />\n      </div>\n      <div className=\"text-center\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Access Denied</h2>\n        <p className=\"text-sm text-text-secondary mt-1\">{message}</p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * SharedVibeDeckPage — standalone page for viewing/executing a shared VibeDeck via token.\n * Supports:\n *   - /vibecontrols/deck/:token — full page with header\n *   - ?embed=true — minimal iframe mode (no header/chrome)\n */\nexport function SharedVibeDeckPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const { token } = useParams<{ token: string }>();\n  const [searchParams] = useSearchParams();\n  const isEmbed = searchParams.get('embed') === 'true';\n  const transparentBg = searchParams.get('bg') === 'transparent';\n\n  const [password, setPassword] = useState<string | null>(null);\n  const [passwordError, setPasswordError] = useState<string | null>(null);\n  const [executingButtonId, setExecutingButtonId] = useState<string | null>(null);\n\n  // Step 1: Validate the share link\n  const { data: validationData, loading: validating } = useValidateVibeDeckShareLinkQuery({\n    variables: { token: token || '' },\n    skip: !token,\n  });\n\n  const validation = validationData?.validateVibeDeckShareLink;\n  const needsPassword = validation?.isValid && validation.requiresPassword && !password;\n\n  // Step 2: Fetch the deck data (once validated and password provided if needed)\n  const shouldFetchDeck =\n    validation?.isValid && (!validation.requiresPassword || password !== null);\n\n  const {\n    data: deckData,\n    loading: deckLoading,\n    error: deckError,\n  } = useGetSharedVibeDeckQuery({\n    variables: { token: token || '', password },\n    skip: !shouldFetchDeck,\n  });\n\n  const sharedDeck = deckData?.sharedVibeDeck;\n  const canExecute = sharedDeck?.permission === 'EXECUTE';\n\n  // Execute mutation for shared buttons\n  const [executeSharedButton] = useExecuteSharedVibeDeckButtonMutation();\n\n  const handlePasswordSubmit = useCallback((pw: string) => {\n    setPasswordError(null);\n    setPassword(pw);\n  }, []);\n\n  const handleExecuteButton = useCallback(\n    async (buttonId: string) => {\n      if (!token || !canExecute) return;\n      setExecutingButtonId(buttonId);\n      try {\n        await executeSharedButton({\n          variables: { token, buttonId, password },\n        });\n      } catch {\n        // Silent — execution status is visible from the button\n      } finally {\n        setExecutingButtonId(null);\n      }\n    },\n    [token, password, canExecute, executeSharedButton]\n  );\n\n  // Handle password errors from the deck query\n  const passwordRequired =\n    deckError?.message?.includes('Password is required') ||\n    deckError?.message?.includes('Incorrect password');\n\n  if (passwordRequired && password) {\n    // Reset and show password form with error\n    if (!passwordError) {\n      setPasswordError('Incorrect password. Please try again.');\n      setPassword(null);\n    }\n  }\n\n  // Loading state\n  if (validating) {\n    return (\n      <div\n        className={`flex items-center justify-center min-h-[60vh] ${transparentBg ? 'bg-transparent' : ''}`}\n      >\n        <Loader2 size={24} className=\"animate-spin text-text-tertiary\" />\n      </div>\n    );\n  }\n\n  // Invalid token\n  if (!validation?.isValid) {\n    if (isEmbed) {\n      return (\n        <div\n          className={`flex items-center justify-center p-8 ${transparentBg ? 'bg-transparent' : ''}`}\n        >\n          <p className=\"text-sm text-text-secondary\">\n            {validation?.error || tr('sharedVibeDeck.invalidLink', 'Invalid share link')}\n          </p>\n        </div>\n      );\n    }\n    return (\n      <MotionPage className=\"p-4 sm:p-6\">\n        <ShareError\n          message={\n            validation?.error ||\n            tr('sharedVibeDeck.linkInvalidOrExpired', 'This share link is invalid or has expired.')\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  // Password required\n  if (needsPassword || (passwordRequired && !password)) {\n    if (isEmbed) {\n      return (\n        <div\n          className={`flex items-center justify-center p-8 ${transparentBg ? 'bg-transparent' : ''}`}\n        >\n          <p className=\"text-sm text-text-secondary\">\n            {tr('sharedVibeDeck.requiresPassword', 'This VibeDeck requires a password')}\n          </p>\n        </div>\n      );\n    }\n    return (\n      <MotionPage className=\"p-4 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center min-h-[60vh] gap-6\">\n          <div className=\"size-16 rounded-full bg-[var(--color-accent-soft)] flex items-center justify-center\">\n            <Lock size={28} className=\"text-action-primary-bg\" />\n          </div>\n          <div className=\"text-center\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {validation.vibeDeckName || 'Shared VibeDeck'}\n            </h2>\n            <p className=\"text-sm text-text-secondary mt-1\">\n              {tr('sharedVibeDeck.enterPasswordHint', 'Enter the password to continue')}\n            </p>\n          </div>\n          <PasswordForm\n            onSubmit={handlePasswordSubmit}\n            isLoading={deckLoading}\n            error={passwordError}\n          />\n        </div>\n      </MotionPage>\n    );\n  }\n\n  // Loading deck\n  if (deckLoading || !sharedDeck) {\n    return (\n      <div\n        className={`flex items-center justify-center min-h-[60vh] ${transparentBg ? 'bg-transparent' : ''}`}\n      >\n        <Loader2 size={24} className=\"animate-spin text-text-tertiary\" />\n      </div>\n    );\n  }\n\n  // Map shared buttons to the format expected by VibeDeckGrid\n  const gridButtons = sharedDeck.buttons.map((b: Record<string, unknown>) => ({\n    id: b.id,\n    label: b.label,\n    icon: b.icon || null,\n    color: b.color || null,\n    command: null,\n    actionType: b.actionType || 'COMMAND',\n    category: b.category || null,\n    confirmationRequired: b.confirmationRequired,\n    keyboardShortcut: null,\n    targetAgentId: null,\n    scriptInterpreter: null,\n    webhookUrl: null,\n    webhookMethod: null,\n    row: b.row,\n    column: b.column,\n    rowSpan: b.rowSpan,\n    colSpan: b.colSpan,\n  }));\n\n  // Embed mode: just the grid, no chrome\n  if (isEmbed) {\n    return (\n      <div className={`p-3 ${transparentBg ? 'bg-transparent' : ''}`}>\n        <VibeDeckGrid\n          gridColumns={sharedDeck.gridColumns}\n          gridRows={sharedDeck.gridRows}\n          buttons={gridButtons}\n          onExecuteButton={handleExecuteButton}\n          onEditButton={() => {}}\n          onDeleteButton={() => {}}\n          onDropButton={() => {}}\n          onAddButton={() => {}}\n          executingButtonId={executingButtonId}\n          canCreate={false}\n          canUpdate={false}\n          canDelete={false}\n          canExecute={canExecute}\n        />\n      </div>\n    );\n  }\n\n  // Full page mode\n  return (\n    <MotionPage className=\"p-4 sm:p-6 space-y-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"size-10 rounded-xl bg-[var(--color-accent-soft)] flex items-center justify-center\">\n              <Zap size={20} className=\"text-action-primary-bg\" />\n            </div>\n            <div>\n              <h1 className=\"text-xl font-semibold text-text-primary\">{sharedDeck.name}</h1>\n              {sharedDeck.description && (\n                <p className=\"text-sm text-text-secondary mt-0.5\">{sharedDeck.description}</p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium ${\n              canExecute\n                ? 'bg-status-success-bg-subtle text-status-success-text border border-status-success-border'\n                : 'bg-bg-sunken text-text-secondary border border-border-default'\n            }`}\n          >\n            {canExecute ? <Play size={12} /> : <Eye size={12} />}\n            {canExecute\n              ? tr('sharedVibeDeck.canExecute', 'Can execute')\n              : tr('sharedVibeDeck.viewOnly', 'View only')}\n          </span>\n        </div>\n      </div>\n\n      {/* Grid */}\n      <VibeDeckGrid\n        gridColumns={sharedDeck.gridColumns}\n        gridRows={sharedDeck.gridRows}\n        buttons={gridButtons}\n        onExecuteButton={handleExecuteButton}\n        onEditButton={() => {}}\n        onDeleteButton={() => {}}\n        onDropButton={() => {}}\n        onAddButton={() => {}}\n        executingButtonId={executingButtonId}\n        canCreate={false}\n        canUpdate={false}\n        canDelete={false}\n        canExecute={canExecute}\n      />\n\n      {/* Footer branding */}\n      <div className=\"text-center pt-4\">\n        <p className=\"text-xs text-text-tertiary\">\n          {tr('sharedVibeDeck.poweredBy', 'Powered by')}{' '}\n          <span className=\"font-medium text-text-secondary\">VibeControls</span>\n        </p>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/TargetDetailsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TargetDetailsPage.js","names":[],"sources":["../../src/pages/TargetDetailsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, Link } from 'react-router';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  ArrowLeft,\n  Server,\n  CircleCheck,\n  CircleX,\n  Cpu,\n  ExternalLink,\n  Activity,\n  Tag,\n} from 'lucide-react';\nimport { Button, PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageHeader, Card, StatusBadge, EmptyState, ErrorState } from '@/components/shared';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { EntityShareButton } from '@/components/sharing';\nimport { getAgentStatus } from '@/components/agents/agentStatus';\nimport { useGetTargetQuery } from '@/generated/wspace-operations';\nimport type { GetTargetQuery } from '@/generated/wspace-operations';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useTr } from '@/shared/hooks/useTr';\n\ntype TargetType = NonNullable<GetTargetQuery['target']>;\ntype AgentSummary = TargetType['agents'][number];\ntype ConnectionSummary = TargetType['inboundConnections'][number];\n\n/**\n * TargetDetailsPage — `/vibecontrols/targets/:id`\n *\n * Mirrors AgentDetailsPage shell. Three sections:\n *   1. Identity card (name, type, status, host, last updated)\n *   2. Agents on this target (table with link to AgentDetailsPage)\n *   3. Inbound agent connections\n *\n * Reuses the existing `GetTarget` query — no schema changes needed; the\n * `TargetFields` fragment already includes the agent list and metadata.\n */\nexport function TargetDetailsPage() {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useVibeNavigate();\n  const tr = useTr();\n  // Page-level read gate (the gateway enforces `target:read` on GetTarget).\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(VIBE_PERMISSIONS.TARGET_READ);\n\n  const { data, loading, error, refetch } = useGetTargetQuery({\n    variables: { id: id ?? '' },\n    skip: !id || permissionsLoading || !canRead,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const target = data?.target ?? null;\n  const agents = useMemo(() => target?.agents ?? [], [target]);\n  const connections = useMemo(() => target?.inboundConnections ?? [], [target]);\n\n  if (!id) {\n    return (\n      <ErrorState title={tr('targetDetails.missingId', 'Target id missing from URL')} message=\"\" />\n    );\n  }\n\n  if (permissionsLoading) {\n    return (\n      <MotionPage>\n        <PageSkeleton variant=\"detail\" />\n      </MotionPage>\n    );\n  }\n\n  if (!canRead) {\n    return (\n      <AccessDenied\n        title={tr('targetDetails.denied.title', 'Access Denied')}\n        description={tr(\n          'targetDetails.denied.description',\n          'You do not have permission to view this target.'\n        )}\n      />\n    );\n  }\n\n  if (loading && !data) {\n    return (\n      <MotionPage>\n        <PageSkeleton variant=\"detail\" />\n      </MotionPage>\n    );\n  }\n\n  if (error && !target) {\n    return (\n      <ErrorState\n        title={tr('targetDetails.errorTitle', 'Failed to load target')}\n        message={error.message}\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n\n  if (!target) {\n    return (\n      <EmptyState\n        icon={<Server className=\"size-12 text-text-muted\" aria-hidden=\"true\" />}\n        title={tr('targetDetails.notFoundTitle', 'Target not found')}\n        description={tr(\n          'targetDetails.notFoundBody',\n          'The target you requested may have been deleted or is in a different workspace.'\n        )}\n      />\n    );\n  }\n\n  const lastUpdatedAt = target.updatedAt\n    ? new Date(target.updatedAt as string).toLocaleString()\n    : '—';\n\n  return (\n    <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full\">\n      <PageHeader\n        title={target.name}\n        description={`${target.type} · ${target.host ?? 'no host'}`}\n        breadcrumb={[\n          { label: tr('breadcrumbs.targetsAgents', 'Targets & Agents'), path: '../agents' },\n          { label: tr('breadcrumbs.targets', 'Targets'), path: '../agents?tab=targets' },\n          { label: target.name },\n        ]}\n        actions={\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <EntityShareButton\n              entity=\"target\"\n              resource={{ id: target.id, name: target.name }}\n              label={tr('targetDetails.share', 'Share')}\n              variant=\"button\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate('/agents?tab=targets')}\n              className=\"max-md:min-h-11\"\n            >\n              <ArrowLeft className=\"size-3.5\" aria-hidden=\"true\" />\n              {tr('common.back', 'Back')}\n            </Button>\n          </div>\n        }\n      />\n\n      <PagePurpose icon={<Server className=\"size-4\" />}>\n        {tr(\n          'targetDetails.purpose',\n          'This page describes one target — a specific machine your agents can reach and run work on. Review its connection details and status, see which agents are attached, share it with teammates, and confirm it is online before you launch sessions against it. It is the source of truth for \"where does this work actually run\".'\n        )}\n      </PagePurpose>\n\n      {/* Identity — the primary, emphasised section for this page. */}\n      <GlassCard treatment=\"glass\" glow>\n        <div className=\"p-4 border-b border-border-subtle flex items-center gap-2\">\n          <Server className=\"size-5\" aria-hidden=\"true\" />\n          <h3 className=\"font-semibold text-text-primary\">\n            {tr('targetDetails.identity', 'Identity')}\n          </h3>\n        </div>\n        <div className=\"p-4 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n          <div>\n            <p className=\"text-text-muted\">{tr('targetDetails.name', 'Name')}</p>\n            <p className=\"text-text-primary font-medium break-words\">{target.name}</p>\n          </div>\n          <div>\n            <p className=\"text-text-muted\">{tr('targetDetails.type', 'Type')}</p>\n            <p className=\"text-text-primary font-medium\">{target.type}</p>\n          </div>\n          <div>\n            <p className=\"text-text-muted\">{tr('targetDetails.status', 'Status')}</p>\n            <StatusBadge status={target.status} />\n          </div>\n          <div>\n            <p className=\"text-text-muted\">{tr('targetDetails.host', 'Host')}</p>\n            <p className=\"text-text-primary font-mono text-xs break-words\">{target.host ?? '—'}</p>\n          </div>\n          {target.username && (\n            <div>\n              <p className=\"text-text-muted\">{tr('targetDetails.username', 'Username')}</p>\n              <p className=\"text-text-primary font-mono text-xs break-words\">{target.username}</p>\n            </div>\n          )}\n          {target.port != null && (\n            <div>\n              <p className=\"text-text-muted\">{tr('targetDetails.port', 'Port')}</p>\n              <p className=\"text-text-primary font-mono text-xs\">{target.port}</p>\n            </div>\n          )}\n          <div>\n            <p className=\"text-text-muted\">{tr('targetDetails.updatedAt', 'Last updated')}</p>\n            <p className=\"text-text-primary text-xs\">{lastUpdatedAt}</p>\n          </div>\n          {target.tags && target.tags.length > 0 && (\n            <div className=\"sm:col-span-2\">\n              {/* Legacy free-text labels stored on the target row — titled\n                  \"Labels\" to disambiguate from the workspace-level tag\n                  entities managed in the Tags card below. */}\n              <p className=\"text-text-muted mb-1\">{tr('targetDetails.labels', 'Labels')}</p>\n              <div className=\"flex flex-wrap gap-1\">\n                {target.tags.map((tag: string) => (\n                  <span\n                    key={tag}\n                    className=\"px-2 py-0.5 text-xs rounded-full bg-bg-sunken border border-border-subtle\"\n                  >\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </GlassCard>\n\n      {/* Tags */}\n      <Card>\n        <div className=\"p-4 border-b border-border-subtle flex items-center gap-2\">\n          <Tag className=\"size-5\" aria-hidden=\"true\" />\n          <h3 className=\"font-semibold text-text-primary\">{tr('targetDetails.tags', 'Tags')}</h3>\n        </div>\n        <div className=\"p-4\">\n          <EntityTagPicker entityType=\"VIBECONTROLS_TARGET\" entityId={target.id} />\n        </div>\n      </Card>\n\n      {/* Agents on this target */}\n      <Card>\n        <div className=\"p-4 border-b border-border-subtle flex flex-wrap items-center justify-between gap-2\">\n          <div className=\"flex items-center gap-2\">\n            <Cpu className=\"size-5\" aria-hidden=\"true\" />\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('targetDetails.agents', 'Agents on this target')} ({agents.length})\n            </h3>\n          </div>\n          <Link\n            to=\"../agents?tab=agents\"\n            className=\"text-sm text-text-link hover:text-text-linkHover hover:underline flex items-center gap-1 rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n          >\n            {tr('targetDetails.allAgents', 'All agents')}\n            <ExternalLink className=\"size-3\" aria-hidden=\"true\" />\n          </Link>\n        </div>\n        {agents.length === 0 ? (\n          <div className=\"p-6\">\n            <EmptyState\n              icon={<Cpu className=\"size-10 text-text-muted\" aria-hidden=\"true\" />}\n              title={tr('targetDetails.noAgents', 'No agents on this target yet')}\n              description={tr(\n                'targetDetails.noAgentsBody',\n                'Use the Agents tab to onboard an agent and select this target during setup.'\n              )}\n            />\n          </div>\n        ) : (\n          <div className=\"p-4 space-y-2\">\n            {agents.map((agent: AgentSummary) => {\n              const status = getAgentStatus(agent);\n              return (\n                <Link\n                  key={agent.id}\n                  to={`../agents/${agent.id}`}\n                  className=\"flex items-center justify-between gap-3 p-3 rounded-card border border-border-subtle hover:bg-bg-sunken/40 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                >\n                  <div className=\"flex items-center gap-3 min-w-0\">\n                    <div\n                      className=\"size-8 rounded-button bg-bg-sunken flex items-center justify-center flex-shrink-0\"\n                      aria-hidden=\"true\"\n                    >\n                      {status === 'ACTIVE' ? (\n                        <CircleCheck className=\"size-4 text-status-success-text\" />\n                      ) : (\n                        <CircleX className=\"size-4 text-text-muted\" />\n                      )}\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium text-text-primary truncate\">{agent.name}</p>\n                      <p className=\"text-xs text-text-muted truncate\">\n                        v{agent.version}\n                        {agent.tunnelUrl ? ` · ${agent.tunnelUrl}` : ''}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2 flex-shrink-0\">\n                    <StatusBadge status={status} />\n                    <ExternalLink className=\"size-3.5 text-text-muted\" aria-hidden=\"true\" />\n                  </div>\n                </Link>\n              );\n            })}\n          </div>\n        )}\n      </Card>\n\n      {/* Inbound connections */}\n      <Card>\n        <div className=\"p-4 border-b border-border-subtle flex items-center gap-2\">\n          <Activity className=\"size-5\" aria-hidden=\"true\" />\n          <h3 className=\"font-semibold text-text-primary\">\n            {tr('targetDetails.connections', 'Inbound connections')} ({connections.length})\n          </h3>\n        </div>\n        {connections.length === 0 ? (\n          <div className=\"p-6\">\n            <EmptyState\n              icon={<Activity className=\"size-10 text-text-muted\" aria-hidden=\"true\" />}\n              title={tr('targetDetails.noConnections', 'No inbound connections')}\n              description={tr(\n                'targetDetails.noConnectionsBody',\n                'No agents are currently connected to this target.'\n              )}\n            />\n          </div>\n        ) : (\n          <div className=\"p-4 space-y-2\">\n            {connections.map((conn: ConnectionSummary) => (\n              <div\n                key={conn.id}\n                className=\"flex flex-wrap items-center justify-between gap-3 p-3 rounded-card border border-border-subtle\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">\n                    {conn.label || `${conn.protocol} connection`}\n                  </p>\n                  <p className=\"text-xs text-text-muted truncate\">\n                    {tr('targetDetails.from', 'From')}{' '}\n                    <Link\n                      to={`../agents/${conn.sourceAgent.id}`}\n                      className=\"text-text-link hover:text-text-linkHover hover:underline rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                    >\n                      {conn.sourceAgent.name}\n                    </Link>{' '}\n                    · {conn.protocol} · {conn.status}\n                  </p>\n                </div>\n                <StatusBadge status={conn.status} />\n              </div>\n            ))}\n          </div>\n        )}\n      </Card>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/TargetsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TargetsPage.js","names":[],"sources":["../../src/pages/TargetsPage.tsx"],"sourcesContent":["/**\n * Targets Page — Manage all targets (servers, workstations, environments).\n *\n * Targets are the first-class entity. Each target can have agents installed,\n * and supports two access types: Direct and SSH.\n */\n\nimport { useState, useMemo, useCallback, useEffect, useId } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport {\n  Plus,\n  RefreshCw,\n  Trash2,\n  Server,\n  Grid,\n  List,\n  CheckCircle,\n  XCircle,\n  Loader2,\n  Check,\n  Pencil,\n  CheckSquare,\n  XSquare,\n} from 'lucide-react';\nimport {\n  Button,\n  Checkbox,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageHeader,\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  ConfirmDialog,\n  AgentSetupBanner,\n  SearchableSelect,\n  GetHelpButton,\n  ActionMenu,\n} from '@/components/shared';\nimport type { ActionMenuItem } from '@/components/shared';\nimport { TargetCard } from '@/components/targets';\nimport type { TargetCardTarget } from '@/components/targets';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { useDraftEntityTags } from '@/hooks/useDraftEntityTags';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport { useVibeControls, useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useSearchParams } from 'react-router';\nimport { useTr } from '@/shared/hooks/useTr';\nimport { useField } from '@/shared/hooks/useField';\nimport { notify } from '@/lib/toast';\nimport {\n  useListTargetsQuery,\n  useCreateTargetMutation,\n  useUpdateTargetMutation,\n  useTestTargetMutation,\n  useStartTerminalMutation,\n  useDeleteTargetMutation,\n  useInstallAgentOnTargetMutation,\n  useUninstallAgentFromTargetMutation,\n  useGetInstallAgentJobStatusLazyQuery,\n} from '@/generated/wspace-operations';\nimport {\n  getQuotaDialogContent,\n  markQuotaHandledLocally,\n  isQuotaExhaustedError,\n  type QuotaKind,\n} from '@/utils/quotaUtils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype TargetStatus = 'connected' | 'disconnected' | 'unknown';\n\ntype TargetKind = 'DIRECT' | 'SSH';\n\ninterface SshTarget {\n  id: string;\n  type: TargetKind;\n  name: string;\n  label: string | null;\n  host: string | null;\n  port: number | null;\n  username: string | null;\n  status: TargetStatus;\n  connectionId: string | null;\n  tags: string[];\n  metadata: Record<string, unknown> | null;\n  createdAt: string;\n  agents: Array<{ id: string; name: string; version: string; isActive: boolean }>;\n}\n\ninterface AgentOption {\n  id: string;\n  name: string;\n  isActive: boolean;\n  tunnelUrl: string | null;\n  agentApiKey: string | null;\n}\n\ninterface InstallJob {\n  id: string;\n  status: 'pending' | 'running' | 'completed' | 'failed';\n  steps: Array<{ name: string; status: string; message?: string }>;\n  currentStep: number;\n  result?: { agentUrl?: string; backendAgentId?: string };\n  error?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction mapStatus(s: string): TargetStatus {\n  if (s === 'connected') return 'connected';\n  if (s === 'disconnected') return 'disconnected';\n  return 'unknown';\n}\n\nconst stepLabels: Record<string, string> = {\n  connect: 'Connecting to server',\n  detect_os: 'Detecting OS',\n  install_bun: 'Installing Bun runtime',\n  install_agent: 'Installing VibeControls Agent',\n  configure: 'Configuring agent',\n  start: 'Starting agent',\n  verify: 'Verifying health',\n  retrieve: 'Retrieving agent details',\n  register: 'Registering with backend',\n};\n\ntype ViewMode = 'grid' | 'list';\n\nconst statusConfig: Record<TargetStatus, { label: string }> = {\n  connected: { label: 'Connected' },\n  disconnected: { label: 'Disconnected' },\n  unknown: { label: 'Unknown' },\n};\n\nconst typeBadgeClass: Record<TargetKind, string> = {\n  DIRECT: 'bg-bg-sunken text-text-secondary border border-border-default',\n  SSH: 'bg-bg-sunken text-text-secondary border border-border-default',\n};\n\nconst targetStatusBadgeClass: Record<TargetStatus, string> = {\n  connected: 'bg-status-success-bg-subtle text-status-success-text',\n  disconnected: 'bg-status-error-bg-subtle text-status-error-text',\n  unknown: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction isAgentInstalled(target: SshTarget): boolean {\n  return target.agents.length > 0;\n}\n\n// ---------------------------------------------------------------------------\n// Form field helpers (accessible label/input/hint wiring via useField)\n// ---------------------------------------------------------------------------\n\ninterface TextFieldProps {\n  label: string;\n  value: string | number;\n  onChange: (value: string) => void;\n  type?: 'text' | 'password' | 'number';\n  placeholder?: string;\n  hint?: string;\n  requiredField?: boolean;\n  autoComplete?: string;\n}\n\nfunction TextField({\n  label,\n  value,\n  onChange,\n  type = 'text',\n  placeholder,\n  hint,\n  requiredField = false,\n  autoComplete,\n}: TextFieldProps) {\n  const field = useField({ hint: hint ?? null });\n  return (\n    <div>\n      <label htmlFor={field.id} className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n        {label}\n      </label>\n      <Input\n        {...field.inputProps}\n        type={type}\n        value={value}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}\n        placeholder={placeholder}\n        aria-required={requiredField || undefined}\n        autoComplete={autoComplete}\n        className=\"text-base md:text-sm\"\n      />\n      {hint ? (\n        <p id={field.hintId} className=\"mt-1.5 text-xs text-text-muted\">\n          {hint}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\ninterface AuthMethodPickerProps {\n  legend: string;\n  name: string;\n  value: 'password' | 'key';\n  onChange: (value: 'password' | 'key') => void;\n  passwordLabel: string;\n  keyLabel: string;\n  hint?: string;\n}\n\nfunction AuthMethodPicker({\n  legend,\n  name,\n  value,\n  onChange,\n  passwordLabel,\n  keyLabel,\n  hint,\n}: AuthMethodPickerProps) {\n  return (\n    <fieldset>\n      <legend className=\"text-sm font-medium text-text-primary\">{legend}</legend>\n      <div className=\"mt-1.5 flex flex-wrap gap-x-4 gap-y-2\">\n        <label className=\"flex min-h-9 cursor-pointer items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"radio\"\n            name={name}\n            checked={value === 'password'}\n            onChange={() => onChange('password')}\n          />\n          {passwordLabel}\n        </label>\n        <label className=\"flex min-h-9 cursor-pointer items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"radio\"\n            name={name}\n            checked={value === 'key'}\n            onChange={() => onChange('key')}\n          />\n          {keyLabel}\n        </label>\n      </div>\n      {hint ? <p className=\"mt-1 text-xs text-text-muted\">{hint}</p> : null}\n    </fieldset>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Targets Page\n// ---------------------------------------------------------------------------\n\nexport function TargetsPage() {\n  const tr = useTr();\n  const { workspaceId } = useVibeControls();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const [searchParams] = useSearchParams();\n  const selectedTargetId = searchParams.get('selectedTargetId');\n  const baseId = useId();\n\n  // UI state\n  const [searchQuery, setSearchQuery] = useState('');\n  const [agentFilter, setAgentFilter] = useState<string | null>(null);\n  const [typeFilter, setTypeFilter] = useState('all');\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [viewMode, setViewMode] = useState<ViewMode>('grid');\n  const [showAddForm, setShowAddForm] = useState(false);\n  const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);\n  const [bulkDeleteOpen, setBulkDeleteOpen] = useState(false);\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n  // Per-kind so the dialog labels switch between \"Target Quota Reached\"\n  // (create flows) and \"Session/Environment Quota Reached\" (Open Terminal),\n  // both of which set this state on the same page.\n  const [quotaExhaustedKind, setQuotaExhaustedKind] = useState<QuotaKind | null>(null);\n\n  // Install progress state\n  const [installJobTarget, setInstallJobTarget] = useState<SshTarget | null>(null);\n  const [installJob, setInstallJob] = useState<InstallJob | null>(null);\n  const [installJobId, setInstallJobId] = useState<string | null>(null);\n\n  // Edit target modal state\n  const [editTarget, setEditTarget] = useState<SshTarget | null>(null);\n  const [editLoading, setEditLoading] = useState(false);\n  const [editError, setEditError] = useState<string | null>(null);\n  const [editName, setEditName] = useState('');\n  const [editLabel, setEditLabel] = useState('');\n  const [editHost, setEditHost] = useState('');\n  const [editPort, setEditPort] = useState(22);\n  const [editUsername, setEditUsername] = useState('');\n  const [editAuthMethod, setEditAuthMethod] = useState<'password' | 'key'>('key');\n  const [editPassword, setEditPassword] = useState('');\n  const [editKeyPath, setEditKeyPath] = useState('');\n  const [editTags, setEditTags] = useState('');\n\n  // Form state\n  const [formType, setFormType] = useState<'DIRECT' | 'SSH'>('DIRECT');\n  const [formName, setFormName] = useState('');\n  const [formDescription, setFormDescription] = useState('');\n  const [formAgent, setFormAgent] = useState('');\n  const [formHost, setFormHost] = useState('');\n  const [formPort, setFormPort] = useState(22);\n  const [formUsername, setFormUsername] = useState('');\n  const [formAuthMethod, setFormAuthMethod] = useState<'password' | 'key'>('key');\n  const [formPassword, setFormPassword] = useState('');\n  const [formKeyPath, setFormKeyPath] = useState('');\n  const [formLabel, setFormLabel] = useState('');\n  const [formTags, setFormTags] = useState('');\n\n  // Queries - use cache-and-network for silent background refresh\n  const {\n    data: targetsData,\n    loading,\n    refetch: refetchTargets,\n  } = useListTargetsQuery({\n    variables: { workspaceId: workspaceId || '', limit: 50, offset: 0 },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-first',\n  });\n\n  // Use cached initial data for related entities already prefetched on initial load.\n  const { agents: cachedAgents, refetch: refetchInitialData } = useCachedInitialData();\n\n  // Mutations\n  const [createTarget] = useCreateTargetMutation({\n    refetchQueries: ['VibeControlsInitialData', 'ListTargets'],\n    awaitRefetchQueries: true,\n  });\n  const { setDraftTagIds, flushTags } = useDraftEntityTags('VIBECONTROLS_TARGET');\n  const [updateTarget] = useUpdateTargetMutation();\n  const [testTarget] = useTestTargetMutation();\n  const [startTerminal] = useStartTerminalMutation();\n  const [deleteTarget] = useDeleteTargetMutation();\n  const [installAgentOnTarget] = useInstallAgentOnTargetMutation();\n  const [uninstallAgent] = useUninstallAgentFromTargetMutation();\n  const [fetchInstallJobStatus] = useGetInstallAgentJobStatusLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  // Derived data\n  const targets: SshTarget[] = useMemo(() => {\n    const raw = targetsData?.targets?.items ?? [];\n    return raw.map((t: (typeof raw)[number]) => ({\n      id: t.id,\n      type: (t.type || 'DIRECT') as TargetKind,\n      name: t.name,\n      label: t.label || null,\n      host: t.host || null,\n      port: t.port || null,\n      username: t.username || null,\n      status: mapStatus(t.status),\n      connectionId: t.connectionId || null,\n      tags: t.tags,\n      metadata: (t.metadata as Record<string, unknown> | null) ?? null,\n      createdAt: t.createdAt,\n      agents: (t.agents || []).map((a: (typeof t.agents)[number]) => ({\n        id: a.id,\n        name: a.name,\n        version: a.version,\n        isActive: a.isActive,\n      })),\n    }));\n  }, [targetsData]);\n\n  const agents: AgentOption[] = useMemo(() => {\n    return cachedAgents.map((a) => ({\n      id: a.id,\n      name: a.name,\n      isActive: a.isActive,\n      tunnelUrl: a.tunnelUrl ?? null,\n      agentApiKey: null,\n    }));\n  }, [cachedAgents]);\n\n  const filtered = useMemo(() => {\n    let items = targets;\n    if (searchQuery) {\n      const q = searchQuery.toLowerCase();\n      items = items.filter(\n        (t: SshTarget) =>\n          t.name.toLowerCase().includes(q) ||\n          t.host?.toLowerCase().includes(q) ||\n          t.label?.toLowerCase().includes(q)\n      );\n    }\n    if (agentFilter) {\n      items = items.filter((t: SshTarget) => t.agents.some((a) => a.id === agentFilter));\n    }\n    if (typeFilter !== 'all') {\n      items = items.filter((t: SshTarget) => t.type === typeFilter);\n    }\n    if (statusFilter !== 'all') {\n      items = items.filter((t: SshTarget) => t.status === statusFilter);\n    }\n    return items;\n  }, [targets, searchQuery, agentFilter, typeFilter, statusFilter]);\n\n  useEffect(() => {\n    if (!selectedTargetId) return;\n\n    const target = filtered.find((item) => item.id === selectedTargetId);\n    if (!target) return;\n\n    const timeout = window.setTimeout(() => {\n      document\n        .getElementById(`target-row-${selectedTargetId}`)\n        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }, 150);\n\n    return () => window.clearTimeout(timeout);\n  }, [filtered, selectedTargetId]);\n\n  const connectedCount = targets.filter((t: SshTarget) => t.status === 'connected').length;\n  const allFilteredSelected =\n    filtered.length > 0 && filtered.every((t: SshTarget) => selectedIds.has(t.id));\n  const hasSelection = selectedIds.size > 0;\n\n  // Install job polling\n  useEffect(() => {\n    if (!installJobId || !installJobTarget) return;\n\n    let cancelled = false;\n\n    const pollJob = () => {\n      void fetchInstallJobStatus({\n        variables: { targetId: installJobTarget.id, jobId: installJobId },\n      })\n        .then((result) => {\n          if (cancelled) return;\n          const data = result.data?.installAgentJobStatus;\n          if (!data) return;\n          if (!data.steps) data.steps = [];\n          setInstallJob({\n            id: data.jobId,\n            status: data.status,\n            currentStep: data.currentStep ?? 0,\n            steps: data.steps ?? [],\n            result: data.result ?? undefined,\n            error: data.error ?? undefined,\n          });\n          if (data.status === 'completed' || data.status === 'failed') {\n            if (data.status === 'completed') {\n              void refetchTargets();\n              refetchInitialData();\n            }\n          }\n        })\n        .catch(() => {\n          // Polling error — will retry on next interval\n        });\n    };\n\n    pollJob();\n    const interval = setInterval(pollJob, 2000);\n\n    return () => {\n      cancelled = true;\n      clearInterval(interval);\n    };\n  }, [installJobId, installJobTarget, fetchInstallJobStatus, refetchInitialData, refetchTargets]);\n\n  // Handlers\n  const handleCreate = useCallback(async () => {\n    if (!formName || !workspaceId) return;\n    if (formType !== 'DIRECT' && (!formAgent || !formHost || !formUsername)) return;\n    try {\n      const res = await createTarget({\n        variables: {\n          workspaceId,\n          input: {\n            type: formType as string,\n            name: formName,\n            sourceAgentId: formType !== 'DIRECT' ? formAgent : undefined,\n            host: formType !== 'DIRECT' ? formHost : undefined,\n            port: formType !== 'DIRECT' ? formPort : undefined,\n            username: formType !== 'DIRECT' ? formUsername : undefined,\n            password:\n              formType === 'SSH' && formAuthMethod === 'password' ? formPassword : undefined,\n            privateKeyPath:\n              formType === 'SSH' && formAuthMethod === 'key' ? formKeyPath : undefined,\n            label: formLabel || undefined,\n            tags: formTags ? formTags.split(',').map((t: string) => t.trim()) : undefined,\n            metadata: formDescription ? { description: formDescription } : undefined,\n          },\n        },\n      });\n\n      // Apollo's `errorPolicy: 'all'` makes the mutation promise resolve\n      // even when the server returns GraphQL errors, so we have to check\n      // `res.error` here — the `catch` block below would never fire for\n      // server-side validation errors like ALREADY_EXISTS (BOFF-2626).\n      if (res.error) {\n        if (isQuotaExhaustedError(res.error)) {\n          setShowAddForm(false);\n          markQuotaHandledLocally();\n          setQuotaExhaustedKind('target');\n          return;\n        }\n        notify.error(\n          tr('targets.createFailed', 'Failed to create target'),\n          res.error.message || undefined\n        );\n        return;\n      }\n\n      const newTargetId = res.data?.createTarget?.id;\n      setShowAddForm(false);\n      setFormName('');\n      setFormHost('');\n      setFormUsername('');\n      setFormPassword('');\n      setFormKeyPath('');\n      setFormLabel('');\n      setFormTags('');\n      if (newTargetId) await flushTags(newTargetId);\n      void refetchTargets();\n      // Refresh shared initial-data cache so AgentsPage (and other pages\n      // reading targets via useCachedInitialData) see the new row without\n      // a full page reload.\n      refetchInitialData();\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowAddForm(false);\n        markQuotaHandledLocally();\n        setQuotaExhaustedKind('target');\n        return;\n      }\n      // Unexpected throw (network error, etc.) — surface via toast rather\n      // than letting it bubble silently into the React error boundary.\n      notify.error(\n        tr('targets.createFailed', 'Failed to create target'),\n        err instanceof Error ? err.message : undefined\n      );\n    }\n  }, [\n    formName,\n    formAgent,\n    formHost,\n    formPort,\n    formUsername,\n    formAuthMethod,\n    formPassword,\n    formKeyPath,\n    formLabel,\n    formTags,\n    formDescription,\n    formType,\n    workspaceId,\n    createTarget,\n    flushTags,\n    refetchInitialData,\n    refetchTargets,\n    tr,\n  ]);\n\n  const handleTest = useCallback(\n    async (id: string) => {\n      const result = await testTarget({ variables: { id } });\n      const data = result.data?.testTarget;\n      if (data) {\n        if (data.success) {\n          notify.success(\n            tr('targets.connectionSuccessful', 'Connection successful'),\n            data.message || undefined\n          );\n        } else {\n          notify.error(\n            tr('targets.connectionFailed', 'Connection failed'),\n            data.message || undefined\n          );\n        }\n        void refetchTargets();\n        refetchInitialData();\n      }\n    },\n    [testTarget, refetchInitialData, refetchTargets, tr]\n  );\n\n  // Per-target loading state for the Open Terminal action — startTerminal\n  // shells into the remote box and spawns ttyd, which routinely takes 3-8s.\n  // Without a hint the user thinks the click did nothing and clicks again.\n  const [startingTerminalIds, setStartingTerminalIds] = useState<Set<string>>(new Set());\n\n  const handleStartTerminal = useCallback(\n    async (id: string) => {\n      setStartingTerminalIds((prev) => {\n        const next = new Set(prev);\n        next.add(id);\n        return next;\n      });\n      try {\n        const result = await startTerminal({ variables: { targetId: id } });\n        if (result.error && isQuotaExhaustedError(result.error)) {\n          markQuotaHandledLocally();\n          setQuotaExhaustedKind('environment');\n          return;\n        }\n\n        const data = result.data?.startTerminal;\n        if (data?.sessionId) {\n          navigate(`/sessions/${data.sessionId}`);\n        }\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          markQuotaHandledLocally();\n          setQuotaExhaustedKind('environment');\n          return;\n        }\n\n        throw err;\n      } finally {\n        setStartingTerminalIds((prev) => {\n          if (!prev.has(id)) return prev;\n          const next = new Set(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [startTerminal, navigate]\n  );\n\n  const handleDeleteSingle = useCallback(async () => {\n    if (!deleteTargetId) return;\n    try {\n      await deleteTarget({ variables: { id: deleteTargetId } });\n      if (isNative()) void nativeNotify('success');\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n      throw err;\n    }\n    setDeleteTargetId(null);\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      next.delete(deleteTargetId);\n      return next;\n    });\n    void refetchTargets();\n    refetchInitialData();\n  }, [deleteTargetId, deleteTarget, refetchInitialData, refetchTargets]);\n\n  const handleBulkDelete = useCallback(async () => {\n    const ids = Array.from(selectedIds);\n    await Promise.all(ids.map((id: string) => deleteTarget({ variables: { id } })));\n    setSelectedIds(new Set());\n    setBulkDeleteOpen(false);\n    void refetchTargets();\n    refetchInitialData();\n  }, [selectedIds, deleteTarget, refetchInitialData, refetchTargets]);\n\n  const handleInstallAgent = useCallback(\n    async (target: SshTarget) => {\n      setInstallJobTarget(target);\n      setInstallJob(null);\n      setInstallJobId(null);\n\n      const sourceAgent = agents.find((a: AgentOption) => a.isActive);\n      if (!sourceAgent) return;\n\n      const result = await installAgentOnTarget({\n        variables: { targetId: target.id, sourceAgentId: sourceAgent.id },\n      });\n      const data = result.data?.installAgentOnTarget;\n      if (data?.jobId) {\n        setInstallJobId(data.jobId);\n      }\n    },\n    [installAgentOnTarget, agents]\n  );\n\n  const handleUninstallAgent = useCallback(\n    async (target: SshTarget) => {\n      await uninstallAgent({ variables: { targetId: target.id } });\n      void refetchTargets();\n      refetchInitialData();\n    },\n    [uninstallAgent, refetchInitialData, refetchTargets]\n  );\n\n  const handleOpenEdit = useCallback((target: SshTarget) => {\n    setEditTarget(target);\n    setEditName(target.name);\n    setEditLabel(target.label ?? '');\n    setEditHost(target.host ?? '');\n    setEditPort(target.port ?? 22);\n    setEditUsername(target.username ?? '');\n    setEditAuthMethod('key');\n    setEditPassword('');\n    setEditKeyPath('');\n    setEditTags(target.tags.join(', '));\n    setEditError(null);\n  }, []);\n\n  const handleSaveEdit = useCallback(async () => {\n    if (!editTarget) return;\n    if (!editName.trim()) {\n      setEditError('Name is required');\n      return;\n    }\n    setEditLoading(true);\n    setEditError(null);\n    try {\n      const res = await updateTarget({\n        variables: {\n          id: editTarget.id,\n          input: {\n            name: editName.trim(),\n            label: editLabel.trim() || null,\n            host: editHost.trim() || undefined,\n            port: editPort || undefined,\n            username: editUsername.trim() || undefined,\n            password:\n              editTarget.type === 'SSH' && editAuthMethod === 'password' && editPassword\n                ? editPassword\n                : undefined,\n            privateKeyPath:\n              editTarget.type === 'SSH' && editAuthMethod === 'key' && editKeyPath\n                ? editKeyPath\n                : undefined,\n            tags: editTags\n              ? editTags\n                  .split(',')\n                  .map((t: string) => t.trim())\n                  .filter(Boolean)\n              : [],\n          },\n        },\n      });\n      // Same `errorPolicy: 'all'` pitfall as handleCreate — surface server\n      // errors (e.g. ALREADY_EXISTS on rename collision) inline in the\n      // modal rather than letting them vanish silently. BOFF-2626.\n      //\n      // Quota intentionally not checked here: updateTarget is a metadata\n      // edit on an already-counted row, so the svc never raises\n      // QUOTA_EXHAUSTED on this path. If that ever changes, mirror the\n      // pattern from handleCreate (open the quota modal, return).\n      if (res.error) {\n        setEditError(res.error.message || 'Failed to update target');\n        return;\n      }\n      setEditTarget(null);\n      void refetchTargets();\n      refetchInitialData();\n    } catch (err) {\n      setEditError(err instanceof Error ? err.message : 'Failed to update target');\n    } finally {\n      setEditLoading(false);\n    }\n  }, [\n    editTarget,\n    editName,\n    editLabel,\n    editHost,\n    editPort,\n    editUsername,\n    editAuthMethod,\n    editPassword,\n    editKeyPath,\n    editTags,\n    updateTarget,\n    refetchInitialData,\n    refetchTargets,\n  ]);\n\n  const closeInstallDialog = useCallback(() => {\n    setInstallJobTarget(null);\n    setInstallJob(null);\n    setInstallJobId(null);\n  }, []);\n\n  const toggleSelectAll = useCallback(() => {\n    if (allFilteredSelected) {\n      setSelectedIds((prev) => {\n        const next = new Set(prev);\n        filtered.forEach((t: SshTarget) => next.delete(t.id));\n        return next;\n      });\n    } else {\n      setSelectedIds((prev) => {\n        const next = new Set(prev);\n        filtered.forEach((t: SshTarget) => next.add(t.id));\n        return next;\n      });\n    }\n  }, [allFilteredSelected, filtered]);\n\n  const toggleSelect = useCallback((id: string) => {\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  // Stats\n  const stats = {\n    total: targets.length,\n    connected: connectedCount,\n  };\n\n  const localizedTypeOptions = useMemo(\n    () => [\n      { value: 'all', label: tr('targets.filterTypeAll', 'All Types') },\n      { value: 'DIRECT', label: tr('targets.typeDirect', 'Direct') },\n      { value: 'SSH', label: 'SSH' },\n    ],\n    [tr]\n  );\n\n  const localizedStatusOptions = useMemo(\n    () => [\n      { value: 'all', label: tr('targets.filterStatusAll', 'All Statuses') },\n      { value: 'connected', label: tr('targets.connected', 'Connected') },\n      { value: 'disconnected', label: tr('targets.disconnected', 'Disconnected') },\n      { value: 'unknown', label: tr('targets.unknown', 'Unknown') },\n    ],\n    [tr]\n  );\n\n  const isFiltered = searchQuery || agentFilter || typeFilter !== 'all' || statusFilter !== 'all';\n\n  // Add-form source-agent select (accessible wiring shared with the hint).\n  const sourceAgentHint = `${tr('targets.agentConnectionHintPrefix', 'The agent that will establish the')} ${formType} ${tr('targets.agentConnectionHintSuffix', 'connection to this target.')}`;\n  const sourceAgentField = useField({ hint: sourceAgentHint });\n  const addTypeLabelId = `${baseId}-add-type-label`;\n\n  if (permissionsLoading)\n    return <LoadingState message={tr('targets.loadingPermissions', 'Loading permissions…')} />;\n  if (!hasPermission(VIBE_PERMISSIONS.TARGET_LIST))\n    return (\n      <ErrorState\n        title={tr('common.accessDeniedTitle', 'Access Denied')}\n        message={tr('targets.accessDeniedBody', \"You don't have permission to access this page.\")}\n      />\n    );\n\n  return (\n    <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full\">\n      {/* Test Connection results and create-target errors surface via the\n          module-wide `notify` toasts. Update-target errors surface inline in\n          the edit dialog's `editError` banner instead. BOFF-2626. */}\n\n      <PageHeader\n        title={tr('nav.targets', 'Targets')}\n        description={tr('targets.onlineSummary', '{{connected}} of {{total}} targets online', {\n          connected: stats.connected,\n          total: stats.total,\n        })}\n        actions={\n          <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => void refetchTargets()}\n              disabled={loading}\n              aria-label={tr('targets.refreshTitle', 'Refresh targets')}\n              title={tr('targets.refreshTitle', 'Refresh targets')}\n              className=\"max-md:min-h-11 max-md:min-w-11\"\n            >\n              <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} aria-hidden=\"true\" />\n            </Button>\n            <Button type=\"button\" onClick={() => setShowAddForm(true)} className=\"max-md:min-h-11\">\n              <Plus className=\"size-4\" aria-hidden=\"true\" />\n              {tr('targets.addTarget', 'Add Target')}\n            </Button>\n          </div>\n        }\n      />\n\n      <PagePurpose icon={<Server className=\"size-4\" />}>\n        {tr(\n          'targets.purpose',\n          'A target is a machine your agents can reach and run work on — your laptop, a remote SSH host, or a cloud box. Add a target here so that when you start a session it has somewhere concrete to execute. Targets keep your hosts, their connection details and online status in one list, separate from the agents that drive them.'\n        )}\n      </PagePurpose>\n\n      {/* Agent setup banner */}\n      {agents.length === 0 && !loading && (\n        <AgentSetupBanner variant=\"full\" dismissKey=\"vibecontrols-targets-setup-banner\" />\n      )}\n\n      {/* Filters Bar */}\n      <div className=\"space-y-3\">\n        {/* Row 1: Search + View Toggle */}\n        <div className=\"flex items-center gap-2\">\n          <SearchInput\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder={tr('targets.searchPlaceholder', 'Search targets...')}\n            className=\"flex-1 min-w-0 sm:w-64 sm:flex-none\"\n          />\n          {/* View Toggle */}\n          <div\n            role=\"group\"\n            aria-label={tr('targets.viewMode', 'View mode')}\n            className=\"flex items-center gap-1 bg-bg-sunken rounded-button p-1 flex-shrink-0 border border-border-subtle\"\n          >\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('grid')}\n              aria-pressed={viewMode === 'grid'}\n              aria-label={tr('targets.gridViewTitle', 'Grid view')}\n              title={tr('targets.gridViewTitle', 'Grid view')}\n              className={`flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${viewMode === 'grid' ? 'bg-[var(--color-accent-soft)] text-text-primary' : 'text-text-secondary hover:bg-bg-surface/60'}`}\n            >\n              <Grid className=\"size-4 text-text-secondary\" aria-hidden=\"true\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setViewMode('list')}\n              aria-pressed={viewMode === 'list'}\n              aria-label={tr('targets.listViewTitle', 'List view')}\n              title={tr('targets.listViewTitle', 'List view')}\n              className={`flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${viewMode === 'list' ? 'bg-[var(--color-accent-soft)] text-text-primary' : 'text-text-secondary hover:bg-bg-surface/60'}`}\n            >\n              <List className=\"size-4 text-text-secondary\" aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n\n        {/* Row 2: Filters */}\n        <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n          <FilterDropdown\n            label={tr('sessions.filterType', 'Type')}\n            value={typeFilter}\n            options={localizedTypeOptions}\n            onChange={setTypeFilter}\n          />\n          <FilterDropdown\n            label={tr('sessions.filterStatus', 'Status')}\n            value={statusFilter}\n            options={localizedStatusOptions}\n            onChange={setStatusFilter}\n          />\n          <SearchableSelect\n            value={agentFilter ?? ''}\n            onChange={(v: string) => setAgentFilter(v || null)}\n            options={agents.map((a: AgentOption) => ({ value: a.id, label: a.name }))}\n            placeholder={tr('targets.allAgents', 'All agents')}\n            className=\"w-full sm:min-w-[180px] sm:w-auto\"\n            dropdownAlign=\"left\"\n            clearable\n          />\n        </div>\n      </div>\n\n      {/* Select All & Bulk Actions */}\n      {filtered.length > 0 && (\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <div className=\"ml-auto flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={toggleSelectAll}\n              className=\"flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n            >\n              <CheckSquare className=\"size-3.5\" aria-hidden=\"true\" />\n              {allFilteredSelected\n                ? tr('targets.deselectAll', 'Deselect All')\n                : tr('targets.selectAll', 'Select All')}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Bulk Action Bar */}\n      {hasSelection && (\n        <div className=\"flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 border border-action-primary-bg bg-action-primary-bg/5 rounded-card\">\n          <span className=\"text-sm font-medium text-text-primary\">\n            {selectedIds.size} {tr('nav.targets', 'target')}\n            {selectedIds.size !== 1 ? 's' : ''} {tr('sessions.selected', 'selected')}\n          </span>\n          <div className=\"flex items-center gap-1.5 sm:ml-auto\">\n            {/* deleteTarget is @rbac(action:\"delete\", resource:\"target\") — hide\n                bulk delete for actors without target:delete (BOFF-2688). */}\n            <PermissionButton permission={VIBE_PERMISSIONS.TARGET_DELETE} deniedBehavior=\"hide\">\n              <button\n                type=\"button\"\n                onClick={() => setBulkDeleteOpen(true)}\n                className=\"flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-button hover:bg-status-error-bg-subtle/80 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n              >\n                <Trash2 className=\"size-3\" aria-hidden=\"true\" /> {tr('common.delete', 'Delete')}\n              </button>\n            </PermissionButton>\n            <button\n              type=\"button\"\n              onClick={() => setSelectedIds(new Set())}\n              className=\"flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n            >\n              <XSquare className=\"size-3\" aria-hidden=\"true\" />{' '}\n              {tr('sessions.deselect', 'Deselect')}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Results Count */}\n      {isFiltered ? (\n        <p className=\"text-sm text-text-secondary\" role=\"status\">\n          {tr('targets.showingResults', 'Showing {{filtered}} of {{total}} targets')\n            .replace('{{filtered}}', String(filtered.length))\n            .replace('{{total}}', String(targets.length))}\n          {loading && (\n            <span className=\"ml-2 text-text-muted\">\n              ({tr('sessions.refreshing', 'refreshing...')})\n            </span>\n          )}\n        </p>\n      ) : null}\n\n      {/* Targets Display */}\n      {loading && targets.length === 0 ? (\n        <PageSkeleton variant=\"rows\" count={6} />\n      ) : filtered.length > 0 ? (\n        <AnimatePresence mode=\"wait\">\n          {viewMode === 'grid' ? (\n            <MotionList\n              key=\"grid-view\"\n              stagger={0.04}\n              className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n            >\n              {filtered.map((target: SshTarget) => (\n                <MotionItem key={target.id} className=\"h-full\">\n                  <TargetCard\n                    target={target as TargetCardTarget}\n                    onTest={(id) => void handleTest(id)}\n                    onTerminal={(id) => void handleStartTerminal(id)}\n                    onOpenDetail={(id) => navigate(`/targets/${id}`)}\n                    onEdit={(t) => handleOpenEdit(t as SshTarget)}\n                    onInstallAgent={(t) => void handleInstallAgent(t as SshTarget)}\n                    onUninstallAgent={(t) => void handleUninstallAgent(t as SshTarget)}\n                    onDelete={(id) => setDeleteTargetId(id)}\n                    selected={selectedIds.has(target.id)}\n                    onToggleSelect={() => toggleSelect(target.id)}\n                    highlighted={selectedTargetId === target.id}\n                    isStartingTerminal={startingTerminalIds.has(target.id)}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <MotionList key=\"list-view\" stagger={0.04} className=\"space-y-2\">\n              {filtered.map((target: SshTarget) => {\n                const installed = isAgentInstalled(target);\n                const isSelectedTarget = selectedTargetId === target.id;\n                const overflowItems: ActionMenuItem[] = [\n                  {\n                    key: 'edit',\n                    label: tr('common.edit', 'Edit'),\n                    icon: Pencil,\n                    onSelect: () => handleOpenEdit(target),\n                  },\n                  // uninstallAgentFromTarget is @rbac(action:\"update\",\n                  // resource:\"target\") — hide it without target:update (BOFF-2688).\n                  ...(target.type !== 'DIRECT' &&\n                  installed &&\n                  hasPermission(VIBE_PERMISSIONS.TARGET_UPDATE)\n                    ? [\n                        {\n                          key: 'uninstall',\n                          label: tr('targets.uninstall', 'Uninstall'),\n                          icon: XCircle,\n                          variant: 'danger' as const,\n                          onSelect: () => void handleUninstallAgent(target),\n                        },\n                      ]\n                    : []),\n                  // deleteTarget is @rbac(action:\"delete\", resource:\"target\") —\n                  // hide it without target:delete (BOFF-2688).\n                  ...(hasPermission(VIBE_PERMISSIONS.TARGET_DELETE)\n                    ? [\n                        {\n                          key: 'delete',\n                          label: tr('common.delete', 'Delete'),\n                          icon: Trash2,\n                          variant: 'danger' as const,\n                          separatorBefore: true,\n                          onSelect: () => setDeleteTargetId(target.id),\n                        },\n                      ]\n                    : []),\n                ];\n                return (\n                  <MotionItem key={target.id} variant=\"fadeRight\">\n                    <div\n                      id={`target-row-${target.id}`}\n                      className={`p-4 rounded-card border transition-colors ${\n                        isSelectedTarget\n                          ? 'border-action-primary-bg bg-action-primary-bg/5'\n                          : 'border-border-default hover:bg-bg-sunken/30'\n                      }`}\n                    >\n                      {/* Row 1: Info */}\n                      <div className=\"flex items-start gap-3\">\n                        <Checkbox\n                          checked={selectedIds.has(target.id)}\n                          onCheckedChange={() => toggleSelect(target.id)}\n                          aria-label={tr('targets.selectTarget', 'Select {{name}}', {\n                            name: target.name,\n                          })}\n                          className=\"mt-1\"\n                        />\n                        <div className=\"flex min-w-0 flex-1 flex-wrap items-start gap-2\">\n                          <span\n                            className={`inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${typeBadgeClass[target.type]}`}\n                          >\n                            {target.type}\n                          </span>\n                          <span\n                            className={`inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${targetStatusBadgeClass[target.status]}`}\n                          >\n                            {tr(\n                              `targets.status.${target.status}`,\n                              statusConfig[target.status].label\n                            )}\n                          </span>\n                          <div className=\"min-w-0 basis-full\">\n                            <div className=\"flex items-center gap-2 flex-wrap\">\n                              <span className=\"font-medium text-text-primary\">{target.name}</span>\n                              {target.label && (\n                                <span className=\"text-text-secondary text-sm\">{target.label}</span>\n                              )}\n                              {installed && (\n                                <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border px-2 py-0.5 text-xs bg-status-success-bg-subtle text-status-success-text\">\n                                  <CheckCircle className=\"size-2.5\" aria-hidden=\"true\" />\n                                  {tr('targets.agentInstalled', 'Agent Installed')}\n                                </span>\n                              )}\n                            </div>\n                            <div className=\"mt-1 flex flex-wrap items-center gap-2 text-sm text-text-secondary sm:gap-3\">\n                              {target.host && (\n                                <code className=\"text-xs break-words\">\n                                  {target.username ? `${target.username}@` : ''}\n                                  {target.host}\n                                  {target.port ? `:${target.port}` : ''}\n                                </code>\n                              )}\n                              {target.agents.length > 0 && (\n                                <span className=\"text-text-muted\">\n                                  {tr('targets.via', 'via')} {target.agents[0].name}\n                                </span>\n                              )}\n                            </div>\n                            {target.tags.length > 0 && (\n                              <div className=\"mt-1.5 flex flex-wrap gap-1\">\n                                {target.tags.map((tag: string) => (\n                                  <span\n                                    key={tag}\n                                    className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n                                  >\n                                    {tag}\n                                  </span>\n                                ))}\n                              </div>\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                      {/* Row 2: Actions */}\n                      <div className=\"mt-3 flex flex-wrap items-center gap-2 pl-0 sm:pl-7\">\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleTest(target.id)}\n                          title={tr('targets.testConnectivity', 'Test connectivity')}\n                          className=\"flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                        >\n                          {tr('targets.test', 'Test')}\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleStartTerminal(target.id)}\n                          disabled={startingTerminalIds.has(target.id)}\n                          aria-busy={startingTerminalIds.has(target.id)}\n                          title={tr('targets.openTerminal', 'Open terminal')}\n                          className=\"flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors disabled:opacity-60 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                        >\n                          {startingTerminalIds.has(target.id) ? (\n                            <>\n                              <Loader2 className=\"size-3 animate-spin\" aria-hidden=\"true\" />\n                              {tr('targets.starting', 'Starting…')}\n                            </>\n                          ) : (\n                            tr('targets.terminal', 'Terminal')\n                          )}\n                        </button>\n                        {target.type !== 'DIRECT' && !installed && (\n                          <button\n                            type=\"button\"\n                            onClick={() => void handleInstallAgent(target)}\n                            title={tr('targets.installAgent', 'Install agent')}\n                            className=\"flex min-h-9 items-center gap-1.5 rounded-button px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                          >\n                            {tr('targets.installAgent', 'Install Agent')}\n                          </button>\n                        )}\n                        <div className=\"hidden flex-1 sm:block\" />\n                        <ActionMenu\n                          ariaLabel={tr('targets.targetActions', 'Target actions')}\n                          title={tr('targets.targetActions', 'Target actions')}\n                          align=\"end\"\n                          items={overflowItems}\n                        />\n                      </div>\n                    </div>\n                  </MotionItem>\n                );\n              })}\n            </MotionList>\n          )}\n        </AnimatePresence>\n      ) : (\n        <EmptyState\n          icon={<Server className=\"size-8 text-text-secondary\" aria-hidden=\"true\" />}\n          illustration={isFiltered ? 'empty-search' : 'empty-generic'}\n          title={\n            isFiltered\n              ? tr('targets.emptyNoTargetsFound', 'No targets found')\n              : tr('targets.emptyNoTargetsConfigured', 'No targets configured')\n          }\n          description={\n            isFiltered\n              ? tr('targets.emptyAdjustSearch', 'Try adjusting your search or filters')\n              : tr(\n                  'targets.emptyDescription',\n                  'Add a target to start managing servers, workstations, and environments.'\n                )\n          }\n          action={\n            !isFiltered ? (\n              <div className=\"flex flex-wrap items-center justify-center gap-2\">\n                <Button\n                  type=\"button\"\n                  onClick={() => setShowAddForm(true)}\n                  className=\"max-md:min-h-11\"\n                >\n                  <Plus className=\"size-4\" aria-hidden=\"true\" />\n                  {tr('targets.addTarget', 'Add Target')}\n                </Button>\n                <GetHelpButton prompt=\"What is a Target in VibeControls and how do I create one?\" />\n              </div>\n            ) : undefined\n          }\n        />\n      )}\n\n      {/* Active sessions live on the dedicated /vibecontrols/sessions page —\n         intentionally not surfaced here so the Targets tab stays focused on\n         target lifecycle (add/edit/delete + drill into a target's agents). */}\n\n      {/* Add Target dialog */}\n      <ResponsiveDialog\n        open={showAddForm}\n        onOpenChange={(open) => {\n          if (!open) setShowAddForm(false);\n        }}\n      >\n        <ResponsiveDialogContent className=\"sm:max-w-lg\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>{tr('targets.addTarget', 'Add Target')}</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              {tr('targets.addTargetBody', 'Register a machine or server you want to manage.')}\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"max-h-[min(60vh,34rem)] space-y-4 overflow-y-auto px-0.5 py-1\">\n            {/* Target Type */}\n            <div>\n              <span\n                id={addTypeLabelId}\n                className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n              >\n                {tr('targets.targetType', 'Target Type')}\n              </span>\n              <div role=\"group\" aria-labelledby={addTypeLabelId} className=\"grid grid-cols-2 gap-2\">\n                {(['DIRECT', 'SSH'] as const).map((t) => (\n                  <button\n                    type=\"button\"\n                    key={t}\n                    onClick={() => setFormType(t)}\n                    aria-pressed={formType === t}\n                    className={`min-h-9 px-3 py-2 text-sm font-medium rounded-button border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                      formType === t\n                        ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                        : 'border-border-default hover:bg-bg-sunken text-text-secondary'\n                    }`}\n                  >\n                    {t}\n                  </button>\n                ))}\n              </div>\n              <p className=\"mt-1 text-xs text-text-muted\">\n                {formType === 'DIRECT'\n                  ? tr(\n                      'targets.targetTypeDirectHint',\n                      'A local machine where you will install the agent manually.'\n                    )\n                  : tr('targets.targetTypeSshHint', 'A remote server accessible via SSH.')}\n              </p>\n            </div>\n\n            <TextField\n              label={tr('webhooks.name', 'Name')}\n              value={formName}\n              onChange={setFormName}\n              requiredField\n              placeholder={\n                formType === 'DIRECT'\n                  ? tr('targets.namePlaceholderDirect', 'My Laptop')\n                  : tr('targets.namePlaceholderServer', 'Production Server')\n              }\n            />\n\n            <TextField\n              label={tr('targets.descriptionOptional', 'Description (optional)')}\n              value={formDescription}\n              onChange={setFormDescription}\n              placeholder={tr('targets.descriptionPlaceholder', 'Brief description of this target')}\n            />\n\n            {/* Connection fields — only for SSH */}\n            {formType !== 'DIRECT' && (\n              <>\n                <div>\n                  <label\n                    htmlFor={sourceAgentField.id}\n                    className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n                  >\n                    {tr('targets.sourceAgent', 'Source Agent')}\n                  </label>\n                  <select\n                    {...sourceAgentField.inputProps}\n                    value={formAgent}\n                    onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                      setFormAgent(e.target.value)\n                    }\n                    aria-required=\"true\"\n                    className=\"w-full rounded-input border border-border-default bg-bg-elevated px-3 py-2 text-base md:text-sm\"\n                  >\n                    <option value=\"\">\n                      {tr('targets.selectAgentConnectFrom', 'Select an agent to connect from')}\n                    </option>\n                    {agents.map((a: AgentOption) => (\n                      <option key={a.id} value={a.id}>\n                        {a.name}\n                      </option>\n                    ))}\n                  </select>\n                  <p id={sourceAgentField.hintId} className=\"mt-1.5 text-xs text-text-muted\">\n                    {sourceAgentHint}\n                  </p>\n                </div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                  <TextField\n                    label={tr('targets.host', 'Host')}\n                    value={formHost}\n                    onChange={setFormHost}\n                    requiredField\n                    placeholder={tr('targets.hostPlaceholder', '192.168.1.100')}\n                  />\n                  <TextField\n                    label={tr('tunnels.port', 'Port')}\n                    value={formPort}\n                    onChange={(v) => setFormPort(Number(v))}\n                    type=\"number\"\n                  />\n                </div>\n                <TextField\n                  label={tr('targets.username', 'Username')}\n                  value={formUsername}\n                  onChange={setFormUsername}\n                  requiredField\n                  placeholder={tr('targets.usernamePlaceholder', 'root')}\n                />\n                {formType === 'SSH' && (\n                  <>\n                    <AuthMethodPicker\n                      legend={tr('targets.authentication', 'Authentication')}\n                      name={`${baseId}-add-auth`}\n                      value={formAuthMethod}\n                      onChange={setFormAuthMethod}\n                      passwordLabel={tr('targets.password', 'Password')}\n                      keyLabel={tr('targets.privateKey', 'Private Key')}\n                    />\n                    {formAuthMethod === 'password' ? (\n                      <TextField\n                        label={tr('targets.password', 'Password')}\n                        value={formPassword}\n                        onChange={setFormPassword}\n                        type=\"password\"\n                        autoComplete=\"new-password\"\n                      />\n                    ) : (\n                      <TextField\n                        label={tr('targets.privateKeyPath', 'Private Key Path')}\n                        value={formKeyPath}\n                        onChange={setFormKeyPath}\n                        placeholder={tr('targets.privateKeyPathPlaceholder', '~/.ssh/id_rsa')}\n                      />\n                    )}\n                  </>\n                )}\n              </>\n            )}\n\n            {/* Label + Tags (all types) */}\n            <TextField\n              label={tr('targets.labelOptional', 'Label (optional)')}\n              value={formLabel}\n              onChange={setFormLabel}\n              placeholder={tr('targets.labelPlaceholder', 'web-server-01')}\n            />\n            <TextField\n              label={tr('targets.tagsCommaSeparated', 'Tags (comma-separated)')}\n              value={formTags}\n              onChange={setFormTags}\n              placeholder={tr('targets.tagsPlaceholder', 'production, web')}\n            />\n\n            <div className=\"border-t border-border-default pt-3\">\n              <h3 className=\"text-sm font-medium text-text-secondary mb-2\">\n                {tr('targets.tags', 'Tags')}\n              </h3>\n              <EntityTagPicker entityType=\"VIBECONTROLS_TARGET\" onDraftChange={setDraftTagIds} />\n            </div>\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setShowAddForm(false)}\n              className=\"max-md:min-h-11\"\n            >\n              {tr('common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={() => void handleCreate()} className=\"max-md:min-h-11\">\n              {tr('targets.addTarget', 'Add Target')}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n\n      {/* Edit Target dialog */}\n      <ResponsiveDialog\n        open={editTarget !== null}\n        onOpenChange={(open) => {\n          if (!open && !editLoading) setEditTarget(null);\n        }}\n      >\n        <ResponsiveDialogContent className=\"sm:max-w-lg\">\n          {editTarget && (\n            <>\n              <ResponsiveDialogHeader>\n                <ResponsiveDialogTitle>\n                  {tr('targets.editTarget', 'Edit Target')}\n                </ResponsiveDialogTitle>\n                <ResponsiveDialogDescription>{editTarget.name}</ResponsiveDialogDescription>\n              </ResponsiveDialogHeader>\n\n              <div className=\"max-h-[min(60vh,34rem)] space-y-4 overflow-y-auto px-0.5 py-1\">\n                {editError && (\n                  <div\n                    role=\"alert\"\n                    className=\"rounded-card border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text\"\n                  >\n                    {editError}\n                  </div>\n                )}\n\n                <TextField\n                  label={tr('webhooks.name', 'Name')}\n                  value={editName}\n                  onChange={setEditName}\n                  requiredField\n                  placeholder={tr('targets.namePlaceholderServer', 'Production Server')}\n                />\n\n                <TextField\n                  label={tr('targets.labelOptional', 'Label (optional)')}\n                  value={editLabel}\n                  onChange={setEditLabel}\n                  placeholder={tr('targets.labelPlaceholder', 'web-server-01')}\n                />\n\n                {/* Connection fields — only for non-DIRECT targets */}\n                {editTarget.type !== 'DIRECT' && (\n                  <>\n                    <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                      <TextField\n                        label={tr('targets.host', 'Host')}\n                        value={editHost}\n                        onChange={setEditHost}\n                        placeholder={tr('targets.hostPlaceholder', '192.168.1.100')}\n                      />\n                      <TextField\n                        label={tr('tunnels.port', 'Port')}\n                        value={editPort}\n                        onChange={(v) => setEditPort(Number(v))}\n                        type=\"number\"\n                      />\n                    </div>\n\n                    <TextField\n                      label={tr('targets.username', 'Username')}\n                      value={editUsername}\n                      onChange={setEditUsername}\n                      placeholder={tr('targets.usernamePlaceholder', 'root')}\n                    />\n\n                    {editTarget.type === 'SSH' && (\n                      <>\n                        <AuthMethodPicker\n                          legend={tr(\n                            'targets.updateCredentialsOptional',\n                            'Update credentials (optional)'\n                          )}\n                          name={`${baseId}-edit-auth`}\n                          value={editAuthMethod}\n                          onChange={setEditAuthMethod}\n                          passwordLabel={tr('targets.password', 'Password')}\n                          keyLabel={tr('targets.privateKey', 'Private Key')}\n                          hint={tr(\n                            'targets.keepCredentialsHint',\n                            'Leave blank to keep existing credentials.'\n                          )}\n                        />\n                        {editAuthMethod === 'password' ? (\n                          <TextField\n                            label={tr('targets.newPassword', 'New Password')}\n                            value={editPassword}\n                            onChange={setEditPassword}\n                            type=\"password\"\n                            autoComplete=\"new-password\"\n                            placeholder={tr(\n                              'targets.keepCurrentPlaceholder',\n                              'Leave blank to keep current'\n                            )}\n                          />\n                        ) : (\n                          <TextField\n                            label={tr('targets.newPrivateKeyPath', 'New Private Key Path')}\n                            value={editKeyPath}\n                            onChange={setEditKeyPath}\n                            placeholder={tr(\n                              'targets.keepCurrentKeyPlaceholder',\n                              'Leave blank to keep current (~/.ssh/id_rsa)'\n                            )}\n                          />\n                        )}\n                      </>\n                    )}\n                  </>\n                )}\n\n                <TextField\n                  label={tr('targets.tagsCommaSeparated', 'Tags (comma-separated)')}\n                  value={editTags}\n                  onChange={setEditTags}\n                  placeholder={tr('targets.tagsPlaceholder', 'production, web')}\n                />\n              </div>\n\n              <ResponsiveDialogFooter>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => setEditTarget(null)}\n                  disabled={editLoading}\n                  className=\"max-md:min-h-11\"\n                >\n                  {tr('common.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  onClick={() => void handleSaveEdit()}\n                  disabled={editLoading}\n                  aria-busy={editLoading}\n                  className=\"max-md:min-h-11\"\n                >\n                  {editLoading\n                    ? tr('common.saving', 'Saving...')\n                    : tr('targets.saveChanges', 'Save Changes')}\n                </Button>\n              </ResponsiveDialogFooter>\n            </>\n          )}\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n\n      {/* Single delete confirmation */}\n      <ConfirmDialog\n        isOpen={!!deleteTargetId}\n        onClose={() => setDeleteTargetId(null)}\n        onConfirm={() => void handleDeleteSingle()}\n        title={tr('targets.deleteTarget', 'Delete Target')}\n        message={tr(\n          'targets.deleteTargetMessage',\n          'This will remove the target and its connection from the agent. Active terminals will be disconnected.'\n        )}\n        confirmLabel={tr('common.delete', 'Delete')}\n        variant=\"danger\"\n      />\n\n      {/* Bulk delete confirmation */}\n      <ConfirmDialog\n        isOpen={bulkDeleteOpen}\n        onClose={() => setBulkDeleteOpen(false)}\n        onConfirm={() => void handleBulkDelete()}\n        title={tr('targets.deleteSelectedTargets', 'Delete Selected Targets')}\n        message={`${tr('targets.confirmDeleteSelectedPrefix', 'Are you sure you want to delete')} ${selectedIds.size} ${tr('nav.targets', 'target')}${selectedIds.size === 1 ? '' : 's'}? ${tr('targets.confirmDeleteSelectedSuffix', 'This action cannot be undone.')}`}\n        confirmLabel={tr('targets.deleteAll', 'Delete All')}\n        variant=\"danger\"\n      />\n\n      {/* Install progress dialog */}\n      <ResponsiveDialog\n        open={installJobTarget !== null}\n        onOpenChange={(open) => {\n          if (!open && installJob?.status !== 'running') closeInstallDialog();\n        }}\n      >\n        <ResponsiveDialogContent\n          className=\"sm:max-w-md\"\n          showCloseButton={installJob?.status !== 'running'}\n        >\n          {installJobTarget && (\n            <>\n              <ResponsiveDialogHeader>\n                <ResponsiveDialogTitle className=\"break-words\">\n                  {tr('targets.installingAgentOn', 'Installing Agent on')} {installJobTarget.name}\n                </ResponsiveDialogTitle>\n                <ResponsiveDialogDescription>\n                  {tr('targets.installProgressBody', 'Installation progress for this target.')}\n                </ResponsiveDialogDescription>\n              </ResponsiveDialogHeader>\n\n              <div className=\"space-y-2\" role=\"status\">\n                {installJob && installJob.steps ? (\n                  installJob.steps.map((step: InstallJob['steps'][number], idx: number) => (\n                    <div key={idx} className=\"flex items-center gap-3\">\n                      {step.status === 'running' && (\n                        <Loader2\n                          className=\"size-4 animate-spin text-text-secondary\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                      {step.status === 'completed' && (\n                        <CheckCircle\n                          className=\"size-4 text-status-success-text\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                      {step.status === 'failed' && (\n                        <XCircle className=\"size-4 text-status-error-text\" aria-hidden=\"true\" />\n                      )}\n                      {step.status === 'skipped' && (\n                        <Check className=\"size-4 text-text-muted\" aria-hidden=\"true\" />\n                      )}\n                      {step.status === 'pending' && (\n                        <div\n                          className=\"size-4 rounded-full border-2 border-border-default\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                      <div className=\"min-w-0\">\n                        <div className=\"text-sm font-medium text-text-primary\">\n                          {tr(\n                            `targets.installStep.${step.name}`,\n                            stepLabels[step.name] ?? step.name\n                          )}\n                        </div>\n                        {step.message && (\n                          <div className=\"text-xs text-text-muted break-words\">{step.message}</div>\n                        )}\n                      </div>\n                    </div>\n                  ))\n                ) : (\n                  <div className=\"flex items-center gap-3\">\n                    <Loader2\n                      className=\"size-4 animate-spin text-text-secondary\"\n                      aria-hidden=\"true\"\n                    />\n                    <span className=\"text-sm text-text-primary\">\n                      {tr('targets.startingInstallJob', 'Starting install job...')}\n                    </span>\n                  </div>\n                )}\n              </div>\n\n              {installJob?.status === 'completed' && (\n                <div\n                  role=\"status\"\n                  className=\"rounded-card border border-status-success-border bg-status-success-bg-subtle p-3 text-sm text-status-success-text\"\n                >\n                  {tr('targets.agentInstalledSuccess', 'Agent installed successfully!')}\n                </div>\n              )}\n              {installJob?.status === 'failed' && (\n                <div\n                  role=\"alert\"\n                  className=\"rounded-card border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text\"\n                >\n                  {installJob.error ?? tr('targets.installationFailed', 'Installation failed.')}\n                </div>\n              )}\n\n              <ResponsiveDialogFooter>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={closeInstallDialog}\n                  disabled={installJob?.status === 'running'}\n                  aria-busy={installJob?.status === 'running'}\n                  className=\"w-full max-md:min-h-11\"\n                >\n                  {!installJob || installJob.status === 'running'\n                    ? tr('targets.installing', 'Installing...')\n                    : tr('common.close', 'Close')}\n                </Button>\n              </ResponsiveDialogFooter>\n            </>\n          )}\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n\n      <ConfirmDialog\n        isOpen={quotaExhaustedKind !== null}\n        onClose={() => setQuotaExhaustedKind(null)}\n        onConfirm={() => {\n          setQuotaExhaustedKind(null);\n          navigate('/billing/plans');\n        }}\n        title={getQuotaDialogContent(quotaExhaustedKind ?? 'generic').title}\n        message={getQuotaDialogContent(quotaExhaustedKind ?? 'generic').message}\n        confirmLabel={tr('targets.viewBilling', 'View Billing')}\n        cancelLabel={tr('common.dismiss', 'Dismiss')}\n        variant=\"warning\"\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIA,SAAS,GAAU,GAAyB;AAG1C,QAFI,MAAM,cAAoB,cAC1B,MAAM,iBAAuB,iBAC1B;;AAGT,IAAM,KAAqC;CACzC,SAAS;CACT,WAAW;CACX,aAAa;CACb,eAAe;CACf,WAAW;CACX,OAAO;CACP,QAAQ;CACR,UAAU;CACV,UAAU;CACX,EAIK,KAAwD;CAC5D,WAAW,EAAE,OAAO,aAAa;CACjC,cAAc,EAAE,OAAO,gBAAgB;CACvC,SAAS,EAAE,OAAO,WAAW;CAC9B,EAEK,KAA6C;CACjD,QAAQ;CACR,KAAK;CACN,EAEK,KAAuD;CAC3D,WAAW;CACX,cAAc;CACd,SAAS;CACV;AAED,SAAS,GAAiB,GAA4B;AACpD,QAAO,EAAO,OAAO,SAAS;;AAkBhC,SAAS,EAAU,EACjB,UACA,UACA,aACA,UAAO,QACP,iBACA,SACA,oBAAgB,IAChB,oBACiB;CACjB,IAAM,KAAQ,GAAS,EAAE,MAAM,KAAQ,MAAM,CAAC;AAC9C,QACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,SAAD;GAAO,SAAS,GAAM;GAAI,WAAU;aACjC;GACK,CAAA;EACR,kBAAC,GAAD;GACE,GAAI,GAAM;GACJ;GACC;GACP,WAAW,MAA2C,EAAS,EAAE,OAAO,MAAM;GACjE;GACb,iBAAe,MAAiB,KAAA;GAClB;GACd,WAAU;GACV,CAAA;EACD,IACC,kBAAC,KAAD;GAAG,IAAI,GAAM;GAAQ,WAAU;aAC5B;GACC,CAAA,GACF;EACA,EAAA,CAAA;;AAcV,SAAS,GAAiB,EACxB,WACA,SACA,UACA,aACA,mBACA,aACA,YACwB;AACxB,QACE,kBAAC,YAAD,EAAA,UAAA;EACE,kBAAC,UAAD;GAAQ,WAAU;aAAyC;GAAgB,CAAA;EAC3E,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,MAAK;KACC;KACN,SAAS,MAAU;KACnB,gBAAgB,EAAS,WAAW;KACpC,CAAA,EACD,GACK;OACR,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,MAAK;KACC;KACN,SAAS,MAAU;KACnB,gBAAgB,EAAS,MAAM;KAC/B,CAAA,EACD,EACK;MACJ;;EACL,KAAO,kBAAC,KAAD;GAAG,WAAU;aAAgC;GAAS,CAAA,GAAG;EACxD,EAAA,CAAA;;AAQf,SAAgB,IAAc;CAC5B,IAAM,IAAK,IAAO,EACZ,EAAE,mBAAgB,IAAiB,EACnC,IAAW,IAAiB,EAC5B,EAAE,mBAAe,WAAW,OAAuB,IAAgB,EACnE,CAAC,MAAgB,IAAiB,EAClC,IAAmB,GAAa,IAAI,mBAAmB,EACvD,KAAS,IAAO,EAGhB,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAa,MAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAY,MAAiB,EAAS,MAAM,EAC7C,CAAC,GAAc,MAAmB,EAAS,MAAM,EACjD,CAAC,GAAU,MAAe,EAAmB,OAAO,EACpD,CAAC,IAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,IAAgB,MAAqB,EAAS,GAAM,EACrD,CAAC,GAAa,KAAkB,kBAAsB,IAAI,KAAK,CAAC,EAIhE,CAAC,IAAoB,KAAyB,EAA2B,KAAK,EAG9E,CAAC,GAAkB,MAAuB,EAA2B,KAAK,EAC1E,CAAC,GAAY,MAAiB,EAA4B,KAAK,EAC/D,CAAC,IAAc,MAAmB,EAAwB,KAAK,EAG/D,CAAC,GAAY,KAAiB,EAA2B,KAAK,EAC9D,CAAC,GAAa,MAAkB,EAAS,GAAM,EAC/C,CAAC,IAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAW,MAAgB,EAAS,GAAG,EACxC,CAAC,IAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAc,MAAmB,EAAS,GAAG,EAC9C,CAAC,GAAgB,MAAqB,EAA6B,MAAM,EACzE,CAAC,GAAc,MAAmB,EAAS,GAAG,EAC9C,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAU,MAAe,EAAS,GAAG,EAGtC,CAAC,GAAU,MAAe,EAA2B,SAAS,EAC9D,CAAC,GAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAiB,MAAsB,EAAS,GAAG,EACpD,CAAC,IAAW,MAAgB,EAAS,GAAG,EACxC,CAAC,IAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAU,MAAe,EAAS,GAAG,EACtC,CAAC,IAAc,MAAmB,EAAS,GAAG,EAC9C,CAAC,GAAgB,MAAqB,EAA6B,MAAM,EACzE,CAAC,IAAc,MAAmB,EAAS,GAAG,EAC9C,CAAC,IAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,IAAW,MAAgB,EAAS,GAAG,EACxC,CAAC,IAAU,MAAe,EAAS,GAAG,EAGtC,EACJ,MAAM,IACN,YACA,SAAS,MACP,GAAoB;EACtB,WAAW;GAAE,aAAa,KAAe;GAAI,OAAO;GAAI,QAAQ;GAAG;EACnE,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAGI,EAAE,QAAQ,IAAc,SAAS,MAAuB,IAAsB,EAG9E,CAAC,MAAgB,EAAwB;EAC7C,gBAAgB,CAAC,2BAA2B,cAAc;EAC1D,qBAAqB;EACtB,CAAC,EACI,EAAE,oBAAgB,kBAAc,GAAmB,sBAAsB,EACzE,CAAC,MAAgB,IAAyB,EAC1C,CAAC,MAAc,IAAuB,EACtC,CAAC,MAAiB,GAA0B,EAC5C,CAAC,MAAgB,GAAyB,EAC1C,CAAC,MAAwB,GAAiC,EAC1D,CAAC,MAAkB,IAAqC,EACxD,CAAC,MAAyB,EAAqC,EACnE,aAAa,gBACd,CAAC,EAGI,IAAuB,SACf,IAAa,SAAS,SAAS,EAAE,EAClC,KAAK,OAA6B;EAC3C,IAAI,EAAE;EACN,MAAO,EAAE,QAAQ;EACjB,MAAM,EAAE;EACR,OAAO,EAAE,SAAS;EAClB,MAAM,EAAE,QAAQ;EAChB,MAAM,EAAE,QAAQ;EAChB,UAAU,EAAE,YAAY;EACxB,QAAQ,GAAU,EAAE,OAAO;EAC3B,cAAc,EAAE,gBAAgB;EAChC,MAAM,EAAE;EACR,UAAW,EAAE,YAA+C;EAC5D,WAAW,EAAE;EACb,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,OAAkC;GAC9D,IAAI,EAAE;GACN,MAAM,EAAE;GACR,SAAS,EAAE;GACX,UAAU,EAAE;GACb,EAAE;EACJ,EAAE,EACF,CAAC,GAAY,CAAC,EAEX,IAAwB,QACrB,GAAa,KAAK,OAAO;EAC9B,IAAI,EAAE;EACN,MAAM,EAAE;EACR,UAAU,EAAE;EACZ,WAAW,EAAE,aAAa;EAC1B,aAAa;EACd,EAAE,EACF,CAAC,GAAa,CAAC,EAEZ,IAAW,QAAc;EAC7B,IAAI,IAAQ;AACZ,MAAI,GAAa;GACf,IAAM,IAAI,EAAY,aAAa;AACnC,OAAQ,EAAM,QACX,MACC,EAAE,KAAK,aAAa,CAAC,SAAS,EAAE,IAChC,EAAE,MAAM,aAAa,CAAC,SAAS,EAAE,IACjC,EAAE,OAAO,aAAa,CAAC,SAAS,EAAE,CACrC;;AAWH,SATI,MACF,IAAQ,EAAM,QAAQ,MAAiB,EAAE,OAAO,MAAM,MAAM,EAAE,OAAO,EAAY,CAAC,GAEhF,MAAe,UACjB,IAAQ,EAAM,QAAQ,MAAiB,EAAE,SAAS,EAAW,GAE3D,MAAiB,UACnB,IAAQ,EAAM,QAAQ,MAAiB,EAAE,WAAW,EAAa,GAE5D;IACN;EAAC;EAAS;EAAa;EAAa;EAAY;EAAa,CAAC;AAEjE,UAAgB;AAId,MAHI,CAAC,KAGD,CADW,EAAS,MAAM,MAAS,EAAK,OAAO,EAAiB,CACvD;EAEb,IAAM,IAAU,OAAO,iBAAiB;AACtC,YACG,eAAe,cAAc,IAAmB,EAC/C,eAAe;IAAE,UAAU;IAAU,OAAO;IAAU,CAAC;KAC1D,IAAI;AAEP,eAAa,OAAO,aAAa,EAAQ;IACxC,CAAC,GAAU,EAAiB,CAAC;CAEhC,IAAM,KAAiB,EAAQ,QAAQ,MAAiB,EAAE,WAAW,YAAY,CAAC,QAC5E,KACJ,EAAS,SAAS,KAAK,EAAS,OAAO,MAAiB,EAAY,IAAI,EAAE,GAAG,CAAC,EAC1E,KAAe,EAAY,OAAO;AAGxC,UAAgB;AACd,MAAI,CAAC,MAAgB,CAAC,EAAkB;EAExC,IAAI,IAAY,IAEV,UAAgB;AACf,MAAsB,EACzB,WAAW;IAAE,UAAU,EAAiB;IAAI,OAAO;IAAc,EAClE,CAAC,CACC,MAAM,MAAW;AAChB,QAAI,EAAW;IACf,IAAM,IAAO,EAAO,MAAM;AACrB,UACL,AAAiB,EAAK,UAAQ,EAAE,EAChC,GAAc;KACZ,IAAI,EAAK;KACT,QAAQ,EAAK;KACb,aAAa,EAAK,eAAe;KACjC,OAAO,EAAK,SAAS,EAAE;KACvB,QAAQ,EAAK,UAAU,KAAA;KACvB,OAAO,EAAK,SAAS,KAAA;KACtB,CAAC,GACE,EAAK,WAAW,eAAe,EAAK,WAAW,aAC7C,EAAK,WAAW,gBACb,GAAgB,EACrB,GAAoB;KAGxB,CACD,YAAY,GAEX;;AAGN,KAAS;EACT,IAAM,IAAW,YAAY,GAAS,IAAK;AAE3C,eAAa;AAEX,GADA,IAAY,IACZ,cAAc,EAAS;;IAExB;EAAC;EAAc;EAAkB;EAAuB;EAAoB;EAAe,CAAC;CAG/F,IAAM,KAAe,EAAY,YAAY;AACvC,SAAC,KAAY,CAAC,MACd,QAAa,aAAa,CAAC,MAAa,CAAC,MAAY,CAAC,KAC1D,KAAI;GACF,IAAM,IAAM,MAAM,GAAa,EAC7B,WAAW;IACT;IACA,OAAO;KACL,MAAM;KACN,MAAM;KACN,eAAe,MAAa,WAAuB,KAAA,IAAZ;KACvC,MAAM,MAAa,WAAsB,KAAA,IAAX;KAC9B,MAAM,MAAa,WAAsB,KAAA,IAAX;KAC9B,UAAU,MAAa,WAA0B,KAAA,IAAf;KAClC,UACE,MAAa,SAAS,MAAmB,aAAa,KAAe,KAAA;KACvE,gBACE,MAAa,SAAS,MAAmB,QAAQ,KAAc,KAAA;KACjE,OAAO,MAAa,KAAA;KACpB,MAAM,KAAW,GAAS,MAAM,IAAI,CAAC,KAAK,MAAc,EAAE,MAAM,CAAC,GAAG,KAAA;KACpE,UAAU,KAAkB,EAAE,aAAa,IAAiB,GAAG,KAAA;KAChE;IACF,EACF,CAAC;AAMF,OAAI,EAAI,OAAO;AACb,QAAI,EAAsB,EAAI,MAAM,EAAE;AAGpC,KAFA,EAAe,GAAM,EACrB,GAAyB,EACzB,EAAsB,SAAS;AAC/B;;AAEF,MAAO,MACL,EAAG,wBAAwB,0BAA0B,EACrD,EAAI,MAAM,WAAW,KAAA,EACtB;AACD;;GAGF,IAAM,IAAc,EAAI,MAAM,cAAc;AAc5C,GAbA,EAAe,GAAM,EACrB,GAAY,GAAG,EACf,GAAY,GAAG,EACf,GAAgB,GAAG,EACnB,GAAgB,GAAG,EACnB,GAAe,GAAG,EAClB,GAAa,GAAG,EAChB,GAAY,GAAG,EACX,KAAa,MAAM,GAAU,EAAY,EACxC,GAAgB,EAIrB,GAAoB;WACb,GAAK;AACZ,OAAI,EAAsB,EAAI,EAAE;AAG9B,IAFA,EAAe,GAAM,EACrB,GAAyB,EACzB,EAAsB,SAAS;AAC/B;;AAIF,KAAO,MACL,EAAG,wBAAwB,0BAA0B,EACrD,aAAe,QAAQ,EAAI,UAAU,KAAA,EACtC;;IAEF;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,KAAa,EACjB,OAAO,MAAe;EAEpB,IAAM,KADS,MAAM,GAAW,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAClC,MAAM;AAC1B,EAAI,MACE,EAAK,UACP,EAAO,QACL,EAAG,gCAAgC,wBAAwB,EAC3D,EAAK,WAAW,KAAA,EACjB,GAED,EAAO,MACL,EAAG,4BAA4B,oBAAoB,EACnD,EAAK,WAAW,KAAA,EACjB,EAEE,GAAgB,EACrB,GAAoB;IAGxB;EAAC;EAAY;EAAoB;EAAgB;EAAG,CACrD,EAKK,CAAC,GAAqB,MAA0B,kBAAsB,IAAI,KAAK,CAAC,EAEhF,KAAsB,EAC1B,OAAO,MAAe;AACpB,MAAwB,MAAS;GAC/B,IAAM,IAAO,IAAI,IAAI,EAAK;AAE1B,UADA,EAAK,IAAI,EAAG,EACL;IACP;AACF,MAAI;GACF,IAAM,IAAS,MAAM,GAAc,EAAE,WAAW,EAAE,UAAU,GAAI,EAAE,CAAC;AACnE,OAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,EAAE;AAEvD,IADA,GAAyB,EACzB,EAAsB,cAAc;AACpC;;GAGF,IAAM,IAAO,EAAO,MAAM;AAC1B,GAAI,GAAM,aACR,EAAS,aAAa,EAAK,YAAY;WAElC,GAAK;AACZ,OAAI,EAAsB,EAAI,EAAE;AAE9B,IADA,GAAyB,EACzB,EAAsB,cAAc;AACpC;;AAGF,SAAM;YACE;AACR,OAAwB,MAAS;AAC/B,QAAI,CAAC,EAAK,IAAI,EAAG,CAAE,QAAO;IAC1B,IAAM,IAAO,IAAI,IAAI,EAAK;AAE1B,WADA,EAAK,OAAO,EAAG,EACR;KACP;;IAGN,CAAC,IAAe,EAAS,CAC1B,EAEK,KAAqB,EAAY,YAAY;AAC5C,SACL;OAAI;AAEF,IADA,MAAM,GAAa,EAAE,WAAW,EAAE,IAAI,GAAgB,EAAE,CAAC,EACrD,IAAU,IAAO,GAAa,UAAU;YACrC,GAAK;AAEZ,UADI,IAAU,IAAO,GAAa,QAAQ,EACpC;;AASR,GAPA,EAAkB,KAAK,EACvB,GAAgB,MAAS;IACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAE1B,WADA,EAAK,OAAO,EAAe,EACpB;KACP,EACG,GAAgB,EACrB,GAAoB;;IACnB;EAAC;EAAgB;EAAc;EAAoB;EAAe,CAAC,EAEhE,KAAmB,EAAY,YAAY;EAC/C,IAAM,IAAM,MAAM,KAAK,EAAY;AAKnC,EAJA,MAAM,QAAQ,IAAI,EAAI,KAAK,MAAe,GAAa,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,CAAC,CAAC,EAC/E,kBAAe,IAAI,KAAK,CAAC,EACzB,GAAkB,GAAM,EACnB,GAAgB,EACrB,GAAoB;IACnB;EAAC;EAAa;EAAc;EAAoB;EAAe,CAAC,EAE7D,KAAqB,EACzB,OAAO,MAAsB;AAG3B,EAFA,GAAoB,EAAO,EAC3B,GAAc,KAAK,EACnB,GAAgB,KAAK;EAErB,IAAM,IAAc,EAAO,MAAM,MAAmB,EAAE,SAAS;AAC/D,MAAI,CAAC,EAAa;EAKlB,IAAM,KAHS,MAAM,GAAqB,EACxC,WAAW;GAAE,UAAU,EAAO;GAAI,eAAe,EAAY;GAAI,EAClE,CAAC,EACkB,MAAM;AAC1B,EAAI,GAAM,SACR,GAAgB,EAAK,MAAM;IAG/B,CAAC,IAAsB,EAAO,CAC/B,EAEK,KAAuB,EAC3B,OAAO,MAAsB;AAG3B,EAFA,MAAM,GAAe,EAAE,WAAW,EAAE,UAAU,EAAO,IAAI,EAAE,CAAC,EACvD,GAAgB,EACrB,GAAoB;IAEtB;EAAC;EAAgB;EAAoB;EAAe,CACrD,EAEK,KAAiB,GAAa,MAAsB;AAWxD,EAVA,EAAc,EAAO,EACrB,GAAY,EAAO,KAAK,EACxB,GAAa,EAAO,SAAS,GAAG,EAChC,GAAY,EAAO,QAAQ,GAAG,EAC9B,GAAY,EAAO,QAAQ,GAAG,EAC9B,GAAgB,EAAO,YAAY,GAAG,EACtC,GAAkB,MAAM,EACxB,GAAgB,GAAG,EACnB,GAAe,GAAG,EAClB,GAAY,EAAO,KAAK,KAAK,KAAK,CAAC,EACnC,EAAa,KAAK;IACjB,EAAE,CAAC,EAEA,KAAiB,EAAY,YAAY;AACxC,SACL;OAAI,CAAC,EAAS,MAAM,EAAE;AACpB,MAAa,mBAAmB;AAChC;;AAGF,GADA,GAAe,GAAK,EACpB,EAAa,KAAK;AAClB,OAAI;IACF,IAAM,IAAM,MAAM,GAAa,EAC7B,WAAW;KACT,IAAI,EAAW;KACf,OAAO;MACL,MAAM,EAAS,MAAM;MACrB,OAAO,GAAU,MAAM,IAAI;MAC3B,MAAM,GAAS,MAAM,IAAI,KAAA;MACzB,MAAM,MAAY,KAAA;MAClB,UAAU,GAAa,MAAM,IAAI,KAAA;MACjC,UACE,EAAW,SAAS,SAAS,MAAmB,cAAc,IAC1D,IACA,KAAA;MACN,gBACE,EAAW,SAAS,SAAS,MAAmB,SAAS,IACrD,IACA,KAAA;MACN,MAAM,IACF,EACG,MAAM,IAAI,CACV,KAAK,MAAc,EAAE,MAAM,CAAC,CAC5B,OAAO,QAAQ,GAClB,EAAE;MACP;KACF,EACF,CAAC;AASF,QAAI,EAAI,OAAO;AACb,OAAa,EAAI,MAAM,WAAW,0BAA0B;AAC5D;;AAIF,IAFA,EAAc,KAAK,EACd,GAAgB,EACrB,GAAoB;YACb,GAAK;AACZ,MAAa,aAAe,QAAQ,EAAI,UAAU,0BAA0B;aACpE;AACR,OAAe,GAAM;;;IAEtB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,KAAqB,QAAkB;AAG3C,EAFA,GAAoB,KAAK,EACzB,GAAc,KAAK,EACnB,GAAgB,KAAK;IACpB,EAAE,CAAC,EAEA,KAAkB,QAAkB;AACxC,EACE,EADE,MACc,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAE1B,UADA,EAAS,SAAS,MAAiB,EAAK,OAAO,EAAE,GAAG,CAAC,EAC9C;OAGO,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAE1B,UADA,EAAS,SAAS,MAAiB,EAAK,IAAI,EAAE,GAAG,CAAC,EAC3C;IACP;IAEH,CAAC,IAAqB,EAAS,CAAC,EAE7B,KAAe,GAAa,MAAe;AAC/C,KAAgB,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,EAAK,IAAI,EAAG,GACd,EAAK,OAAO,EAAG,GAEf,EAAK,IAAI,EAAG,EAEP;IACP;IACD,EAAE,CAAC,EAGA,KAAQ;EACZ,OAAO,EAAQ;EACf,WAAW;EACZ,EAEK,KAAuB,QACrB;EACJ;GAAE,OAAO;GAAO,OAAO,EAAG,yBAAyB,YAAY;GAAE;EACjE;GAAE,OAAO;GAAU,OAAO,EAAG,sBAAsB,SAAS;GAAE;EAC9D;GAAE,OAAO;GAAO,OAAO;GAAO;EAC/B,EACD,CAAC,EAAG,CACL,EAEK,KAAyB,QACvB;EACJ;GAAE,OAAO;GAAO,OAAO,EAAG,2BAA2B,eAAe;GAAE;EACtE;GAAE,OAAO;GAAa,OAAO,EAAG,qBAAqB,YAAY;GAAE;EACnE;GAAE,OAAO;GAAgB,OAAO,EAAG,wBAAwB,eAAe;GAAE;EAC5E;GAAE,OAAO;GAAW,OAAO,EAAG,mBAAmB,UAAU;GAAE;EAC9D,EACD,CAAC,EAAG,CACL,EAEK,IAAa,KAAe,KAAe,MAAe,SAAS,MAAiB,OAGpF,KAAkB,GAAG,EAAG,qCAAqC,oCAAoC,CAAC,GAAG,EAAS,GAAG,EAAG,qCAAqC,6BAA6B,IACtL,KAAmB,GAAS,EAAE,MAAM,IAAiB,CAAC,EACtD,KAAiB,GAAG,GAAO;AAYjC,QAVI,KACK,kBAAC,IAAD,EAAc,SAAS,EAAG,8BAA8B,uBAAuB,EAAI,CAAA,GACvF,GAAc,EAAiB,YAAY,GAS9C,kBAAC,IAAD;EAAY,WAAU;YAAtB;GAKE,kBAAC,IAAD;IACE,OAAO,EAAG,eAAe,UAAU;IACnC,aAAa,EAAG,yBAAyB,6CAA6C;KACpF,WAAW,GAAM;KACjB,OAAO,GAAM;KACd,CAAC;IACF,SACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAK;MACL,eAAe,KAAK,GAAgB;MACpC,UAAU;MACV,cAAY,EAAG,wBAAwB,kBAAkB;MACzD,OAAO,EAAG,wBAAwB,kBAAkB;MACpD,WAAU;gBAEV,kBAAC,IAAD;OAAW,WAAW,UAAU,IAAU,iBAAiB;OAAM,eAAY;OAAS,CAAA;MAC/E,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAS,eAAe,EAAe,GAAK;MAAE,WAAU;gBAArE,CACE,kBAAC,IAAD;OAAM,WAAU;OAAS,eAAY;OAAS,CAAA,EAC7C,EAAG,qBAAqB,aAAa,CAC/B;QACL;;IAER,CAAA;GAEF,kBAAC,IAAD;IAAa,MAAM,kBAAC,IAAD,EAAQ,WAAU,UAAW,CAAA;cAC7C,EACC,mBACA,oUACD;IACW,CAAA;GAGb,EAAO,WAAW,KAAK,CAAC,KACvB,kBAAC,IAAD;IAAkB,SAAQ;IAAO,YAAW;IAAsC,CAAA;GAIpF,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,IAAD;MACE,OAAO;MACP,UAAU;MACV,aAAa,EAAG,6BAA6B,oBAAoB;MACjE,WAAU;MACV,CAAA,EAEF,kBAAC,OAAD;MACE,MAAK;MACL,cAAY,EAAG,oBAAoB,YAAY;MAC/C,WAAU;gBAHZ,CAKE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAY,OAAO;OAClC,gBAAc,MAAa;OAC3B,cAAY,EAAG,yBAAyB,YAAY;OACpD,OAAO,EAAG,yBAAyB,YAAY;OAC/C,WAAW,mKAAmK,MAAa,SAAS,oDAAoD;iBAExP,kBAAC,IAAD;QAAM,WAAU;QAA6B,eAAY;QAAS,CAAA;OAC3D,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAY,OAAO;OAClC,gBAAc,MAAa;OAC3B,cAAY,EAAG,yBAAyB,YAAY;OACpD,OAAO,EAAG,yBAAyB,YAAY;OAC/C,WAAW,mKAAmK,MAAa,SAAS,oDAAoD;iBAExP,kBAAC,IAAD;QAAM,WAAU;QAA6B,eAAY;QAAS,CAAA;OAC3D,CAAA,CACL;QACF;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,IAAD;OACE,OAAO,EAAG,uBAAuB,OAAO;OACxC,OAAO;OACP,SAAS;OACT,UAAU;OACV,CAAA;MACF,kBAAC,IAAD;OACE,OAAO,EAAG,yBAAyB,SAAS;OAC5C,OAAO;OACP,SAAS;OACT,UAAU;OACV,CAAA;MACF,kBAAC,IAAD;OACE,OAAO,KAAe;OACtB,WAAW,MAAc,GAAe,KAAK,KAAK;OAClD,SAAS,EAAO,KAAK,OAAoB;QAAE,OAAO,EAAE;QAAI,OAAO,EAAE;QAAM,EAAE;OACzE,aAAa,EAAG,qBAAqB,aAAa;OAClD,WAAU;OACV,eAAc;OACd,WAAA;OACA,CAAA;MACE;OACF;;GAGL,EAAS,SAAS,KACjB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAHZ,CAKE,kBAAC,IAAD;OAAa,WAAU;OAAW,eAAY;OAAS,CAAA,EACtD,KACG,EAAG,uBAAuB,eAAe,GACzC,EAAG,qBAAqB,aAAa,CAClC;;KACL,CAAA;IACF,CAAA;GAIP,MACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAY;MAAK;MAAE,EAAG,eAAe,SAAS;MAC9C,EAAY,SAAS,IAAU,KAAN;MAAS;MAAE,EAAG,qBAAqB,WAAW;MACnE;QACP,kBAAC,OAAD;KAAK,WAAU;eAAf,CAGE,kBAAC,IAAD;MAAkB,YAAY,EAAiB;MAAe,gBAAe;gBAC3E,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAkB,GAAK;OACtC,WAAU;iBAHZ;QAKE,kBAAC,IAAD;SAAQ,WAAU;SAAS,eAAY;SAAS,CAAA;;QAAE,EAAG,iBAAiB,SAAS;QACxE;;MACQ,CAAA,EACnB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,kBAAe,IAAI,KAAK,CAAC;MACxC,WAAU;gBAHZ;OAKE,kBAAC,IAAD;QAAS,WAAU;QAAS,eAAY;QAAS,CAAA;OAAC;OACjD,EAAG,qBAAqB,WAAW;OAC7B;QACL;OACF;;GAIP,IACC,kBAAC,KAAD;IAAG,WAAU;IAA8B,MAAK;cAAhD,CACG,EAAG,0BAA0B,4CAA4C,CACvE,QAAQ,gBAAgB,OAAO,EAAS,OAAO,CAAC,CAChD,QAAQ,aAAa,OAAO,EAAQ,OAAO,CAAC,EAC9C,KACC,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAAuC;MACnC,EAAG,uBAAuB,gBAAgB;MAAC;MACxC;OAEP;QACF;GAGH,KAAW,EAAQ,WAAW,IAC7B,kBAAC,IAAD;IAAc,SAAQ;IAAO,OAAO;IAAK,CAAA,GACvC,EAAS,SAAS,IACpB,kBAAC,IAAD;IAAiB,MAAK;cACnB,MAAa,SACZ,kBAAC,IAAD;KAEE,SAAS;KACT,WAAU;eAET,EAAS,KAAK,MACb,kBAAC,IAAD;MAA4B,WAAU;gBACpC,kBAAC,IAAD;OACU;OACR,SAAS,MAAO,KAAK,GAAW,EAAG;OACnC,aAAa,MAAO,KAAK,GAAoB,EAAG;OAChD,eAAe,MAAO,EAAS,YAAY,IAAK;OAChD,SAAS,MAAM,GAAe,EAAe;OAC7C,iBAAiB,MAAM,KAAK,GAAmB,EAAe;OAC9D,mBAAmB,MAAM,KAAK,GAAqB,EAAe;OAClE,WAAW,MAAO,EAAkB,EAAG;OACvC,UAAU,EAAY,IAAI,EAAO,GAAG;OACpC,sBAAsB,GAAa,EAAO,GAAG;OAC7C,aAAa,MAAqB,EAAO;OACzC,oBAAoB,EAAoB,IAAI,EAAO,GAAG;OACtD,CAAA;MACS,EAfI,EAAO,GAeX,CACb;KACS,EAtBP,YAsBO,GAEb,kBAAC,IAAD;KAA4B,SAAS;KAAM,WAAU;eAClD,EAAS,KAAK,MAAsB;MACnC,IAAM,IAAY,GAAiB,EAAO,EACpC,IAAmB,MAAqB,EAAO,IAC/C,IAAkC;OACtC;QACE,KAAK;QACL,OAAO,EAAG,eAAe,OAAO;QAChC,MAAM;QACN,gBAAgB,GAAe,EAAO;QACvC;OAGD,GAAI,EAAO,SAAS,YACpB,KACA,GAAc,EAAiB,cAAc,GACzC,CACE;QACE,KAAK;QACL,OAAO,EAAG,qBAAqB,YAAY;QAC3C,MAAM;QACN,SAAS;QACT,gBAAgB,KAAK,GAAqB,EAAO;QAClD,CACF,GACD,EAAE;OAGN,GAAI,GAAc,EAAiB,cAAc,GAC7C,CACE;QACE,KAAK;QACL,OAAO,EAAG,iBAAiB,SAAS;QACpC,MAAM;QACN,SAAS;QACT,iBAAiB;QACjB,gBAAgB,EAAkB,EAAO,GAAG;QAC7C,CACF,GACD,EAAE;OACP;AACD,aACE,kBAAC,IAAD;OAA4B,SAAQ;iBAClC,kBAAC,OAAD;QACE,IAAI,cAAc,EAAO;QACzB,WAAW,6CACT,IACI,oDACA;kBALR,CASE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,IAAD;UACE,SAAS,EAAY,IAAI,EAAO,GAAG;UACnC,uBAAuB,GAAa,EAAO,GAAG;UAC9C,cAAY,EAAG,wBAAwB,mBAAmB,EACxD,MAAM,EAAO,MACd,CAAC;UACF,WAAU;UACV,CAAA,EACF,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,QAAD;YACE,WAAW,sEAAsE,GAAe,EAAO;sBAEtG,EAAO;YACH,CAAA;WACP,kBAAC,QAAD;YACE,WAAW,sEAAsE,GAAuB,EAAO;sBAE9G,EACC,kBAAkB,EAAO,UACzB,GAAa,EAAO,QAAQ,MAC7B;YACI,CAAA;WACP,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,OAAD;cAAK,WAAU;wBAAf;eACE,kBAAC,QAAD;gBAAM,WAAU;0BAAiC,EAAO;gBAAY,CAAA;eACnE,EAAO,SACN,kBAAC,QAAD;gBAAM,WAAU;0BAA+B,EAAO;gBAAa,CAAA;eAEpE,KACC,kBAAC,QAAD;gBAAM,WAAU;0BAAhB,CACE,kBAAC,IAAD;iBAAa,WAAU;iBAAW,eAAY;iBAAS,CAAA,EACtD,EAAG,0BAA0B,kBAAkB,CAC3C;;eAEL;;aACN,kBAAC,OAAD;cAAK,WAAU;wBAAf,CACG,EAAO,QACN,kBAAC,QAAD;eAAM,WAAU;yBAAhB;gBACG,EAAO,WAAW,GAAG,EAAO,SAAS,KAAK;gBAC1C,EAAO;gBACP,EAAO,OAAO,IAAI,EAAO,SAAS;gBAC9B;kBAER,EAAO,OAAO,SAAS,KACtB,kBAAC,QAAD;eAAM,WAAU;yBAAhB;gBACG,EAAG,eAAe,MAAM;gBAAC;gBAAE,EAAO,OAAO,GAAG;gBACxC;iBAEL;;aACL,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;cAAK,WAAU;wBACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,QAAD;eAEE,WAAU;yBAET;eACI,EAJA,EAIA,CACP;cACE,CAAA;aAEJ;;WACF;YACF;YAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,KAAK,GAAW,EAAO,GAAG;WACzC,OAAO,EAAG,4BAA4B,oBAAoB;WAC1D,WAAU;qBAET,EAAG,gBAAgB,OAAO;WACpB,CAAA;UACT,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,KAAK,GAAoB,EAAO,GAAG;WAClD,UAAU,EAAoB,IAAI,EAAO,GAAG;WAC5C,aAAW,EAAoB,IAAI,EAAO,GAAG;WAC7C,OAAO,EAAG,wBAAwB,gBAAgB;WAClD,WAAU;qBAET,EAAoB,IAAI,EAAO,GAAG,GACjC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;YAAS,WAAU;YAAsB,eAAY;YAAS,CAAA,EAC7D,EAAG,oBAAoB,YAAY,CACnC,EAAA,CAAA,GAEH,EAAG,oBAAoB,WAAW;WAE7B,CAAA;UACR,EAAO,SAAS,YAAY,CAAC,KAC5B,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,KAAK,GAAmB,EAAO;WAC9C,OAAO,EAAG,wBAAwB,gBAAgB;WAClD,WAAU;qBAET,EAAG,wBAAwB,gBAAgB;WACrC,CAAA;UAEX,kBAAC,OAAD,EAAK,WAAU,0BAA2B,CAAA;UAC1C,kBAAC,IAAD;WACE,WAAW,EAAG,yBAAyB,iBAAiB;WACxD,OAAO,EAAG,yBAAyB,iBAAiB;WACpD,OAAM;WACN,OAAO;WACP,CAAA;UACE;WACF;;OACK,EAzHI,EAAO,GAyHX;OAEf;KACS,EAtKG,YAsKH;IAEC,CAAA,GAElB,kBAAC,IAAD;IACE,MAAM,kBAAC,IAAD;KAAQ,WAAU;KAA6B,eAAY;KAAS,CAAA;IAC1E,cAAc,IAAa,iBAAiB;IAC5C,OACE,IACI,EAAG,+BAA+B,mBAAmB,GACrD,EAAG,oCAAoC,wBAAwB;IAErE,aACE,IACI,EAAG,6BAA6B,uCAAuC,GACvE,EACE,4BACA,0EACD;IAEP,QACG,IAYG,KAAA,IAXF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,MAAK;MACL,eAAe,EAAe,GAAK;MACnC,WAAU;gBAHZ,CAKE,kBAAC,IAAD;OAAM,WAAU;OAAS,eAAY;OAAS,CAAA,EAC7C,EAAG,qBAAqB,aAAa,CAC/B;SACT,kBAAC,IAAD,EAAe,QAAO,6DAA8D,CAAA,CAChF;;IAGV,CAAA;GAQJ,kBAAC,IAAD;IACE,MAAM;IACN,eAAe,MAAS;AACtB,KAAK,KAAM,EAAe,GAAM;;cAGlC,kBAAC,IAAD;KAAyB,WAAU;eAAnC;MACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UAAwB,EAAG,qBAAqB,aAAa,EAAyB,CAAA,EACtF,kBAAC,IAAD,EAAA,UACG,EAAG,yBAAyB,mDAAmD,EACpD,CAAA,CACP,EAAA,CAAA;MAEzB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QAEE,kBAAC,OAAD,EAAA,UAAA;SACE,kBAAC,QAAD;UACE,IAAI;UACJ,WAAU;oBAET,EAAG,sBAAsB,cAAc;UACnC,CAAA;SACP,kBAAC,OAAD;UAAK,MAAK;UAAQ,mBAAiB;UAAgB,WAAU;oBACzD,CAAC,UAAU,MAAM,CAAW,KAAK,MACjC,kBAAC,UAAD;WACE,MAAK;WAEL,eAAe,GAAY,EAAE;WAC7B,gBAAc,MAAa;WAC3B,WAAW,iKACT,MAAa,IACT,4EACA;qBAGL;WACM,EAVF,EAUE,CACT;UACE,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBACV,MAAa,WACV,EACE,gCACA,6DACD,GACD,EAAG,6BAA6B,sCAAsC;UACxE,CAAA;SACA,EAAA,CAAA;QAEN,kBAAC,GAAD;SACE,OAAO,EAAG,iBAAiB,OAAO;SAClC,OAAO;SACP,UAAU;SACV,eAAA;SACA,aACE,MAAa,WACT,EAAG,iCAAiC,YAAY,GAChD,EAAG,iCAAiC,oBAAoB;SAE9D,CAAA;QAEF,kBAAC,GAAD;SACE,OAAO,EAAG,+BAA+B,yBAAyB;SAClE,OAAO;SACP,UAAU;SACV,aAAa,EAAG,kCAAkC,mCAAmC;SACrF,CAAA;QAGD,MAAa,YACZ,kBAAA,GAAA,EAAA,UAAA;SACE,kBAAC,OAAD,EAAA,UAAA;UACE,kBAAC,SAAD;WACE,SAAS,GAAiB;WAC1B,WAAU;qBAET,EAAG,uBAAuB,eAAe;WACpC,CAAA;UACR,kBAAC,UAAD;WACE,GAAI,GAAiB;WACrB,OAAO;WACP,WAAW,MACT,GAAa,EAAE,OAAO,MAAM;WAE9B,iBAAc;WACd,WAAU;qBAPZ,CASE,kBAAC,UAAD;YAAQ,OAAM;sBACX,EAAG,kCAAkC,kCAAkC;YACjE,CAAA,EACR,EAAO,KAAK,MACX,kBAAC,UAAD;YAAmB,OAAO,EAAE;sBACzB,EAAE;YACI,EAFI,EAAE,GAEN,CACT,CACK;;UACT,kBAAC,KAAD;WAAG,IAAI,GAAiB;WAAQ,WAAU;qBACvC;WACC,CAAA;UACA,EAAA,CAAA;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,OAAO,EAAG,gBAAgB,OAAO;WACjC,OAAO;WACP,UAAU;WACV,eAAA;WACA,aAAa,EAAG,2BAA2B,gBAAgB;WAC3D,CAAA,EACF,kBAAC,GAAD;WACE,OAAO,EAAG,gBAAgB,OAAO;WACjC,OAAO;WACP,WAAW,MAAM,GAAY,OAAO,EAAE,CAAC;WACvC,MAAK;WACL,CAAA,CACE;;SACN,kBAAC,GAAD;UACE,OAAO,EAAG,oBAAoB,WAAW;UACzC,OAAO;UACP,UAAU;UACV,eAAA;UACA,aAAa,EAAG,+BAA+B,OAAO;UACtD,CAAA;SACD,MAAa,SACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;UACE,QAAQ,EAAG,0BAA0B,iBAAiB;UACtD,MAAM,GAAG,GAAO;UAChB,OAAO;UACP,UAAU;UACV,eAAe,EAAG,oBAAoB,WAAW;UACjD,UAAU,EAAG,sBAAsB,cAAc;UACjD,CAAA,EACD,MAAmB,aAClB,kBAAC,GAAD;UACE,OAAO,EAAG,oBAAoB,WAAW;UACzC,OAAO;UACP,UAAU;UACV,MAAK;UACL,cAAa;UACb,CAAA,GAEF,kBAAC,GAAD;UACE,OAAO,EAAG,0BAA0B,mBAAmB;UACvD,OAAO;UACP,UAAU;UACV,aAAa,EAAG,qCAAqC,gBAAgB;UACrE,CAAA,CAEH,EAAA,CAAA;SAEJ,EAAA,CAAA;QAIL,kBAAC,GAAD;SACE,OAAO,EAAG,yBAAyB,mBAAmB;SACtD,OAAO;SACP,UAAU;SACV,aAAa,EAAG,4BAA4B,gBAAgB;SAC5D,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAG,8BAA8B,yBAAyB;SACjE,OAAO;SACP,UAAU;SACV,aAAa,EAAG,2BAA2B,kBAAkB;SAC7D,CAAA;QAEF,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,gBAAgB,OAAO;UACxB,CAAA,EACL,kBAAC,IAAD;UAAiB,YAAW;UAAsB,eAAe;UAAkB,CAAA,CAC/E;;QACF;;MAEN,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe,EAAe,GAAM;OACpC,WAAU;iBAET,EAAG,iBAAiB,SAAS;OACvB,CAAA,EACT,kBAAC,GAAD;OAAQ,MAAK;OAAS,eAAe,KAAK,IAAc;OAAE,WAAU;iBACjE,EAAG,qBAAqB,aAAa;OAC/B,CAAA,CACc,EAAA,CAAA;MACD;;IACT,CAAA;GAGnB,kBAAC,IAAD;IACE,MAAM,MAAe;IACrB,eAAe,MAAS;AACtB,KAAI,CAAC,KAAQ,CAAC,KAAa,EAAc,KAAK;;cAGhD,kBAAC,IAAD;KAAyB,WAAU;eAChC,KACC,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UACG,EAAG,sBAAsB,cAAc,EAClB,CAAA,EACxB,kBAAC,IAAD,EAAA,UAA8B,EAAW,MAAmC,CAAA,CACrD,EAAA,CAAA;MAEzB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,MACC,kBAAC,OAAD;SACE,MAAK;SACL,WAAU;mBAET;SACG,CAAA;QAGR,kBAAC,GAAD;SACE,OAAO,EAAG,iBAAiB,OAAO;SAClC,OAAO;SACP,UAAU;SACV,eAAA;SACA,aAAa,EAAG,iCAAiC,oBAAoB;SACrE,CAAA;QAEF,kBAAC,GAAD;SACE,OAAO,EAAG,yBAAyB,mBAAmB;SACtD,OAAO;SACP,UAAU;SACV,aAAa,EAAG,4BAA4B,gBAAgB;SAC5D,CAAA;QAGD,EAAW,SAAS,YACnB,kBAAA,GAAA,EAAA,UAAA;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,OAAO,EAAG,gBAAgB,OAAO;WACjC,OAAO;WACP,UAAU;WACV,aAAa,EAAG,2BAA2B,gBAAgB;WAC3D,CAAA,EACF,kBAAC,GAAD;WACE,OAAO,EAAG,gBAAgB,OAAO;WACjC,OAAO;WACP,WAAW,MAAM,GAAY,OAAO,EAAE,CAAC;WACvC,MAAK;WACL,CAAA,CACE;;SAEN,kBAAC,GAAD;UACE,OAAO,EAAG,oBAAoB,WAAW;UACzC,OAAO;UACP,UAAU;UACV,aAAa,EAAG,+BAA+B,OAAO;UACtD,CAAA;SAED,EAAW,SAAS,SACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;UACE,QAAQ,EACN,qCACA,gCACD;UACD,MAAM,GAAG,GAAO;UAChB,OAAO;UACP,UAAU;UACV,eAAe,EAAG,oBAAoB,WAAW;UACjD,UAAU,EAAG,sBAAsB,cAAc;UACjD,MAAM,EACJ,+BACA,4CACD;UACD,CAAA,EACD,MAAmB,aAClB,kBAAC,GAAD;UACE,OAAO,EAAG,uBAAuB,eAAe;UAChD,OAAO;UACP,UAAU;UACV,MAAK;UACL,cAAa;UACb,aAAa,EACX,kCACA,8BACD;UACD,CAAA,GAEF,kBAAC,GAAD;UACE,OAAO,EAAG,6BAA6B,uBAAuB;UAC9D,OAAO;UACP,UAAU;UACV,aAAa,EACX,qCACA,8CACD;UACD,CAAA,CAEH,EAAA,CAAA;SAEJ,EAAA,CAAA;QAGL,kBAAC,GAAD;SACE,OAAO,EAAG,8BAA8B,yBAAyB;SACjE,OAAO;SACP,UAAU;SACV,aAAa,EAAG,2BAA2B,kBAAkB;SAC7D,CAAA;QACE;;MAEN,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe,EAAc,KAAK;OAClC,UAAU;OACV,WAAU;iBAET,EAAG,iBAAiB,SAAS;OACvB,CAAA,EACT,kBAAC,GAAD;OACE,MAAK;OACL,eAAe,KAAK,IAAgB;OACpC,UAAU;OACV,aAAW;OACX,WAAU;iBAET,IACG,EAAG,iBAAiB,YAAY,GAChC,EAAG,uBAAuB,eAAe;OACtC,CAAA,CACc,EAAA,CAAA;MACxB,EAAA,CAAA;KAEmB,CAAA;IACT,CAAA;GAGnB,kBAAC,IAAD;IACE,QAAQ,CAAC,CAAC;IACV,eAAe,EAAkB,KAAK;IACtC,iBAAiB,KAAK,IAAoB;IAC1C,OAAO,EAAG,wBAAwB,gBAAgB;IAClD,SAAS,EACP,+BACA,wGACD;IACD,cAAc,EAAG,iBAAiB,SAAS;IAC3C,SAAQ;IACR,CAAA;GAGF,kBAAC,IAAD;IACE,QAAQ;IACR,eAAe,GAAkB,GAAM;IACvC,iBAAiB,KAAK,IAAkB;IACxC,OAAO,EAAG,iCAAiC,0BAA0B;IACrE,SAAS,GAAG,EAAG,uCAAuC,kCAAkC,CAAC,GAAG,EAAY,KAAK,GAAG,EAAG,eAAe,SAAS,GAAG,EAAY,SAAS,IAAI,KAAK,IAAI,IAAI,EAAG,uCAAuC,gCAAgC;IAC9P,cAAc,EAAG,qBAAqB,aAAa;IACnD,SAAQ;IACR,CAAA;GAGF,kBAAC,IAAD;IACE,MAAM,MAAqB;IAC3B,eAAe,MAAS;AACtB,KAAI,CAAC,KAAQ,GAAY,WAAW,aAAW,IAAoB;;cAGrE,kBAAC,IAAD;KACE,WAAU;KACV,iBAAiB,GAAY,WAAW;eAEvC,KACC,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD;OAAuB,WAAU;iBAAjC;QACG,EAAG,6BAA6B,sBAAsB;QAAC;QAAE,EAAiB;QACrD;UACxB,kBAAC,IAAD,EAAA,UACG,EAAG,+BAA+B,yCAAyC,EAChD,CAAA,CACP,EAAA,CAAA;MAEzB,kBAAC,OAAD;OAAK,WAAU;OAAY,MAAK;iBAC7B,KAAc,EAAW,QACxB,EAAW,MAAM,KAAK,GAAmC,MACvD,kBAAC,OAAD;QAAe,WAAU;kBAAzB;SACG,EAAK,WAAW,aACf,kBAAC,IAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA;SAEH,EAAK,WAAW,eACf,kBAAC,IAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA;SAEH,EAAK,WAAW,YACf,kBAAC,IAAD;UAAS,WAAU;UAAgC,eAAY;UAAS,CAAA;SAEzE,EAAK,WAAW,aACf,kBAAC,IAAD;UAAO,WAAU;UAAyB,eAAY;UAAS,CAAA;SAEhE,EAAK,WAAW,aACf,kBAAC,OAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA;SAEJ,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBACZ,EACC,uBAAuB,EAAK,QAC5B,GAAW,EAAK,SAAS,EAAK,KAC/B;WACG,CAAA,EACL,EAAK,WACJ,kBAAC,OAAD;WAAK,WAAU;qBAAuC,EAAK;WAAc,CAAA,CAEvE;;SACF;UApCI,EAoCJ,CACN,GAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,IAAD;SACE,WAAU;SACV,eAAY;SACZ,CAAA,EACF,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,8BAA8B,0BAA0B;SACvD,CAAA,CACH;;OAEJ,CAAA;MAEL,GAAY,WAAW,eACtB,kBAAC,OAAD;OACE,MAAK;OACL,WAAU;iBAET,EAAG,iCAAiC,gCAAgC;OACjE,CAAA;MAEP,GAAY,WAAW,YACtB,kBAAC,OAAD;OACE,MAAK;OACL,WAAU;iBAET,EAAW,SAAS,EAAG,8BAA8B,uBAAuB;OACzE,CAAA;MAGR,kBAAC,IAAD,EAAA,UACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,SAAS;OACT,UAAU,GAAY,WAAW;OACjC,aAAW,GAAY,WAAW;OAClC,WAAU;iBAET,CAAC,KAAc,EAAW,WAAW,YAClC,EAAG,sBAAsB,gBAAgB,GACzC,EAAG,gBAAgB,QAAQ;OACxB,CAAA,EACc,CAAA;MACxB,EAAA,CAAA;KAEmB,CAAA;IACT,CAAA;GAEnB,kBAAC,IAAD;IACE,QAAQ,OAAuB;IAC/B,eAAe,EAAsB,KAAK;IAC1C,iBAAiB;AAEf,KADA,EAAsB,KAAK,EAC3B,EAAS,iBAAiB;;IAE5B,OAAO,GAAsB,MAAsB,UAAU,CAAC;IAC9D,SAAS,GAAsB,MAAsB,UAAU,CAAC;IAChE,cAAc,EAAG,uBAAuB,eAAe;IACvD,aAAa,EAAG,kBAAkB,UAAU;IAC5C,SAAQ;IACR,CAAA;GACS;MA74BX,kBAAC,IAAD;EACE,OAAO,EAAG,4BAA4B,gBAAgB;EACtD,SAAS,EAAG,4BAA4B,iDAAiD;EACzF,CAAA"}

package/dist/pages/TemplateDetailPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../src/pages/TemplateDetailPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport {\n  ArrowLeft,\n  FileCode,\n  Copy,\n  Layers,\n  Tag,\n  FolderTree,\n  Clock,\n  RefreshCw,\n  Trash2,\n  Variable,\n  Github,\n  CheckCircle2,\n  XCircle,\n  Loader2,\n} from 'lucide-react';\nimport {\n  PageHeader,\n  Card,\n  EmptyState,\n  ErrorState,\n  ConfirmDialog,\n  QuotaExhaustedDialog,\n} from '@/components/shared';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { TemplateWizard } from '@/components/templates';\nimport type { TemplateVariable, GitHubConfig, GitHubConnection } from '@/components/templates';\nimport { EntityShareButton } from '@/components/sharing';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useGetTemplateQuery,\n  useInstantiateTemplateMutation,\n  useDeleteTemplateMutation,\n  useUpdateComponentMutation,\n  useForkGitHubRepoMutation,\n  useListActiveConnectionsQuery,\n} from '@/generated/wspace-operations';\n\nfunction substituteVars(text: string, vars: Record<string, unknown>): string {\n  return text.replace(/\\{\\{(\\w+)\\}\\}|\\{(\\w+)\\}/g, (_match, a, b) => {\n    const key = a ?? b;\n    return key in vars ? String(vars[key]) : _match;\n  });\n}\n\nfunction parseGitHubRepo(url: string): { owner: string; repo: string } | null {\n  try {\n    const match = url.match(/^https?:\\/\\/github\\.com\\/([^/]+)\\/([^/]+?)(?:\\.git)?(?:\\/.*)?$/);\n    if (!match) return null;\n    return { owner: match[1], repo: match[2] };\n  } catch {\n    return null;\n  }\n}\n\nasync function scaffoldGitHubRepo(\n  fullName: string,\n  headers: Record<string, string>,\n  data: {\n    name: string;\n    description: string;\n    variableValues: Record<string, unknown>;\n  },\n  template: {\n    name: string;\n    description?: string | null;\n    setupInstructions?: string | null;\n    fileTree?: unknown;\n    variables?: unknown;\n  } | null\n) {\n  if (!template) return;\n\n  const vars = data.variableValues;\n  const templateVars = Array.isArray(template.variables)\n    ? (template.variables as Array<{ name: string; title?: string }>)\n    : [];\n\n  // Build README content\n  const lines: string[] = [];\n  lines.push(`# ${data.name}`);\n  lines.push('');\n  if (data.description) {\n    lines.push(data.description);\n    lines.push('');\n  }\n  lines.push(`> Scaffolded from VibeControls template: **${template.name}**`);\n  lines.push('');\n\n  // Variable values table\n  if (templateVars.length > 0 && Object.keys(vars).length > 0) {\n    lines.push('## Configuration');\n    lines.push('');\n    lines.push('| Variable | Value |');\n    lines.push('|----------|-------|');\n    for (const v of templateVars) {\n      const val = vars[v.name];\n      if (val !== undefined) {\n        lines.push(`| ${v.title ?? v.name} | \\`${String(val)}\\` |`);\n      }\n    }\n    lines.push('');\n  }\n\n  // Setup instructions (with variable substitution)\n  if (template.setupInstructions) {\n    lines.push('## Getting Started');\n    lines.push('');\n    lines.push(substituteVars(template.setupInstructions, vars));\n    lines.push('');\n  }\n\n  // File tree\n  if (template.fileTree) {\n    lines.push('## Project Structure');\n    lines.push('');\n    lines.push('```');\n    lines.push(\n      typeof template.fileTree === 'string'\n        ? template.fileTree\n        : JSON.stringify(template.fileTree, null, 2)\n    );\n    lines.push('```');\n    lines.push('');\n  }\n\n  const readmeContent = lines.join('\\n');\n\n  // Get existing README.md SHA so we can update it\n  const existing = await fetch(`https://api.github.com/repos/${fullName}/contents/README.md`, {\n    headers,\n  });\n  let sha: string | undefined;\n  if (existing.ok) {\n    const existingData = (await existing.json()) as { sha?: string };\n    sha = existingData.sha;\n  }\n\n  // Push scaffolded README.md\n  await fetch(`https://api.github.com/repos/${fullName}/contents/README.md`, {\n    method: 'PUT',\n    headers,\n    body: JSON.stringify({\n      message: `chore: scaffold from VibeControls template \"${template.name}\"`,\n      content: btoa(unescape(encodeURIComponent(readmeContent))),\n      ...(sha ? { sha } : {}),\n    }),\n  });\n\n  // Push GETTING_STARTED.md with setup instructions + resolved variable values\n  if (template.setupInstructions || (templateVars.length > 0 && Object.keys(vars).length > 0)) {\n    const gsLines: string[] = ['# Getting Started', ''];\n\n    if (template.setupInstructions) {\n      gsLines.push(substituteVars(template.setupInstructions, vars));\n      gsLines.push('');\n    }\n\n    // Always append a resolved variables section so values are never lost\n    if (templateVars.length > 0 && Object.keys(vars).length > 0) {\n      gsLines.push('---');\n      gsLines.push('');\n      gsLines.push('## Template Variable Values');\n      gsLines.push('');\n      gsLines.push('These are the values you chose when creating this project:');\n      gsLines.push('');\n      for (const v of templateVars) {\n        const val = vars[v.name];\n        if (val !== undefined && val !== '') {\n          gsLines.push(`**${v.title ?? v.name}**`);\n          gsLines.push('');\n          gsLines.push('```');\n          gsLines.push(String(val));\n          gsLines.push('```');\n          gsLines.push('');\n        }\n      }\n    }\n\n    await fetch(`https://api.github.com/repos/${fullName}/contents/GETTING_STARTED.md`, {\n      method: 'PUT',\n      headers,\n      body: JSON.stringify({\n        message: 'docs: add getting started guide from template',\n        content: btoa(unescape(encodeURIComponent(gsLines.join('\\n')))),\n      }),\n    });\n  }\n}\n\nconst categoryStyles: Record<string, string> = {\n  STARTER: 'bg-bg-sunken text-text-secondary',\n  MICROSERVICE: 'bg-[var(--color-accent-soft)] text-text-primary',\n  FRONTEND: 'bg-status-info-bg text-status-info-text',\n  BACKEND: 'bg-[var(--color-accent-soft)] text-text-primary',\n  FULLSTACK: 'bg-status-success-bg text-status-success-text',\n  INFRASTRUCTURE: 'bg-status-warning-bg text-status-warning-text',\n  LIBRARY: 'bg-status-warning-bg text-status-warning-text',\n  CUSTOM: 'bg-bg-sunken text-text-secondary',\n};\n\nexport function TemplateDetailPage() {\n  const { t } = useI18n();\n  const { id } = useParams<{ id: string }>();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canReadTemplate = hasPermission(VIBE_PERMISSIONS.TEMPLATE_READ);\n  // `instantiateVibecontrolsTemplate` creates a component, but the gateway\n  // directive for that mutation is `@rbac(action: \"create\", resource: \"template\")`.\n  const canCreateTemplate = hasPermission(VIBE_PERMISSIONS.TEMPLATE_CREATE);\n  const canDeleteTemplate = hasPermission(VIBE_PERMISSIONS.TEMPLATE_DELETE);\n  const canReadIntegrationConnection = hasPermission(VIBE_PERMISSIONS.INTEGRATION_CONNECTION_READ);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const [showWizard, setShowWizard] = useState(false);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const [cloneError, setCloneError] = useState<string | null>(null);\n  const [forkNotice, setForkNotice] = useState<string | null>(null);\n  const [repoProgress, setRepoProgress] = useState<{\n    stage: string;\n    done: boolean;\n    error: boolean;\n  } | null>(null);\n\n  const { data, loading, error, refetch } = useGetTemplateQuery({\n    variables: { id: id || '' },\n    skip: !id || permissionsLoading || !canReadTemplate,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [instantiateTemplate] = useInstantiateTemplateMutation({\n    refetchQueries: ['ListComponents'],\n  });\n  const [deleteTemplate] = useDeleteTemplateMutation({ refetchQueries: ['ListTemplates'] });\n  const [updateComponent] = useUpdateComponentMutation();\n  const [forkGitHubRepo] = useForkGitHubRepoMutation();\n\n  // Fetch active GitHub connections for the workspace\n  const { data: connectionsData } = useListActiveConnectionsQuery({\n    variables: { filter: { status: 'ACTIVE' as const }, pagination: { limit: 50, offset: 0 } },\n    fetchPolicy: 'cache-first',\n    skip: !canCreateTemplate || !canReadIntegrationConnection,\n  });\n  const githubConnections: GitHubConnection[] = (connectionsData?.getConnections?.items ?? [])\n    .filter((c: { provider?: { key?: string } | null }) => c.provider?.key === 'github')\n    .map(\n      (c: {\n        id: string;\n        name: string;\n        externalAccountEmail?: string | null;\n        externalAccountName?: string | null;\n        provider: { key: string; name: string };\n      }) => ({\n        id: c.id,\n        name: c.name,\n        externalAccountEmail: c.externalAccountEmail,\n        externalAccountName: c.externalAccountName,\n        provider: { key: c.provider.key, name: c.provider.name },\n      })\n    );\n\n  const template = data?.vibecontrolsTemplate ?? null;\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions…</p>\n      </div>\n    );\n  if (!canReadTemplate)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  const handleBack = () => {\n    navigate('/templates');\n  };\n\n  const handleClone = async (data: {\n    name: string;\n    description: string;\n    variableValues: Record<string, unknown>;\n    githubConfig: GitHubConfig | null;\n  }) => {\n    if (!canCreateTemplate) return;\n\n    setShowWizard(false);\n    setRepoProgress({ stage: 'Creating component…', done: false, error: false });\n\n    const result = await instantiateTemplate({\n      variables: {\n        templateId: id,\n        input: {\n          name: data.name,\n          description: data.description || undefined,\n          ...(Object.keys(data.variableValues).length > 0 && {\n            variableValues: data.variableValues,\n          }),\n        },\n      },\n    });\n    if (result.error && isQuotaExhaustedError(result.error)) {\n      setRepoProgress(null);\n      setShowQuotaExhausted(true);\n      return;\n    }\n    const newId = result.data?.instantiateVibecontrolsTemplate?.id;\n\n    // GitHub repo creation + scaffolding\n    if (newId && data.githubConfig?.enabled) {\n      // Ensure repo URL starts empty before GitHub runs\n      await updateComponent({ variables: { id: newId, input: { repositoryUrl: null } } });\n      const gh = data.githubConfig;\n\n      // Priority: explicit sourceRepositoryUrl > snapshot URL > sourceComponent.repositoryUrl\n      const snapshotRepoUrl = (template?.componentSnapshot as Record<string, unknown> | null)\n        ?.repositoryUrl as string | undefined;\n      const sourceRepoUrl =\n        template?.sourceRepositoryUrl ||\n        snapshotRepoUrl ||\n        template?.sourceComponent?.repositoryUrl ||\n        undefined;\n\n      try {\n        if (gh.connectionId) {\n          // ── OAuth path: backend resolves the token server-side ──────────────\n          setRepoProgress({\n            stage: sourceRepoUrl\n              ? 'Forking repository via connected account…'\n              : 'Creating GitHub repository via connected account…',\n            done: false,\n            error: false,\n          });\n\n          const forkResult = await forkGitHubRepo({\n            variables: {\n              input: {\n                connectionId: gh.connectionId,\n                sourceRepoUrl: sourceRepoUrl || undefined,\n                repoName: gh.repoName,\n                visibility: gh.visibility === 'private' ? 'PRIVATE' : 'PUBLIC',\n                scope: gh.scope === 'org' ? 'ORG' : 'USER',\n                orgName: gh.orgName || undefined,\n                description:\n                  data.description || `Created from VibeControls template: ${template?.name}`,\n              },\n            },\n          });\n\n          const forkData = forkResult.data?.forkVibecontrolsGitHubRepo;\n          if (forkData) {\n            setRepoProgress({\n              stage: forkData.isForked ? 'Repository forked!' : 'Repository created!',\n              done: true,\n              error: false,\n            });\n            await updateComponent({\n              variables: { id: newId, input: { repositoryUrl: forkData.repoUrl } },\n            });\n            await new Promise((r) => setTimeout(r, 1200));\n          } else {\n            setRepoProgress({\n              stage: 'GitHub repo creation failed — check your connected account',\n              done: false,\n              error: true,\n            });\n            setTimeout(() => setRepoProgress(null), 6000);\n          }\n        } else {\n          // ── PAT path: existing client-side GitHub API flow ──────────────────\n          const ghHeaders = {\n            Authorization: `Bearer ${gh.token}`,\n            'Content-Type': 'application/json',\n            Accept: 'application/vnd.github+json',\n            'X-GitHub-Api-Version': '2022-11-28',\n          };\n          const apiBase = 'https://api.github.com';\n\n          const sourceRepo = sourceRepoUrl ? parseGitHubRepo(sourceRepoUrl) : null;\n          let repoData: { html_url: string; full_name: string } | null = null;\n          let isForked = false;\n\n          if (sourceRepo) {\n            setRepoProgress({\n              stage: `Forking ${sourceRepo.owner}/${sourceRepo.repo}…`,\n              done: false,\n              error: false,\n            });\n            const forkRes = await fetch(\n              `${apiBase}/repos/${encodeURIComponent(sourceRepo.owner)}/${encodeURIComponent(sourceRepo.repo)}/forks`,\n              {\n                method: 'POST',\n                headers: ghHeaders,\n                body: JSON.stringify({\n                  name: gh.repoName,\n                  ...(gh.scope === 'org' ? { organization: gh.orgName } : {}),\n                  default_branch_only: false,\n                }),\n              }\n            );\n\n            if (forkRes.ok) {\n              repoData = (await forkRes.json()) as { html_url: string; full_name: string };\n              isForked = true;\n            } else {\n              const forkErr = (await forkRes.json()) as { message?: string };\n              setRepoProgress(null);\n              setForkNotice(\n                `Could not fork ${sourceRepoUrl} (${forkRes.status}: ${forkErr.message ?? forkRes.statusText}) — creating a new empty repository instead.`\n              );\n              setTimeout(() => setForkNotice(null), 10000);\n            }\n          }\n\n          if (!repoData) {\n            setRepoProgress({ stage: 'Creating GitHub repository…', done: false, error: false });\n            const createEndpoint =\n              gh.scope === 'org'\n                ? `${apiBase}/orgs/${encodeURIComponent(gh.orgName)}/repos`\n                : `${apiBase}/user/repos`;\n\n            const repoRes = await fetch(createEndpoint, {\n              method: 'POST',\n              headers: ghHeaders,\n              body: JSON.stringify({\n                name: gh.repoName,\n                private: gh.visibility === 'private',\n                auto_init: true,\n                description:\n                  data.description || `Created from VibeControls template: ${template?.name}`,\n              }),\n            });\n\n            if (repoRes.ok) {\n              repoData = (await repoRes.json()) as { html_url: string; full_name: string };\n            } else {\n              const errBody = (await repoRes.json()) as { message?: string };\n              setRepoProgress({\n                stage: `GitHub repo failed: ${errBody.message ?? repoRes.statusText}`,\n                done: false,\n                error: true,\n              });\n              setTimeout(() => setRepoProgress(null), 6000);\n            }\n          }\n\n          if (repoData) {\n            if (!isForked) {\n              setRepoProgress({ stage: 'Scaffolding README…', done: false, error: false });\n              await scaffoldGitHubRepo(repoData.full_name, ghHeaders, data, template);\n            }\n\n            setRepoProgress({\n              stage: isForked ? 'Repository forked!' : 'Repository created!',\n              done: true,\n              error: false,\n            });\n            await updateComponent({\n              variables: { id: newId, input: { repositoryUrl: repoData.html_url } },\n            });\n            await new Promise((r) => setTimeout(r, 1200));\n            setRepoProgress(null);\n          } else {\n            await new Promise((r) => setTimeout(r, 3000));\n            setRepoProgress(null);\n          }\n        }\n      } catch {\n        setRepoProgress({\n          stage: 'GitHub repo creation failed — check your credentials',\n          done: false,\n          error: true,\n        });\n        setTimeout(() => setRepoProgress(null), 6000);\n      }\n    }\n\n    setRepoProgress(null);\n    if (newId) {\n      navigate(`/components/${newId}`);\n    } else {\n      setSuccessMessage(tr('template.clonedSuccess', 'Component created — check Components list'));\n      setTimeout(() => setSuccessMessage(null), 4000);\n    }\n  };\n\n  const handleDeleteTemplate = async () => {\n    if (!id) return;\n    setIsDeleting(true);\n    try {\n      await deleteTemplate({ variables: { id } });\n      setShowDeleteConfirm(false);\n      navigate('/templates');\n    } finally {\n      setIsDeleting(false);\n    }\n  };\n\n  // Guard states\n  if (loading && !template) {\n    return (\n      <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"size-4\" />\n          {tr('template.backToTemplates', 'Back to Templates')}\n        </button>\n        <PageSkeleton variant=\"detail\" />\n      </MotionPage>\n    );\n  }\n\n  if (error && !template) {\n    return (\n      <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"size-4\" />\n          {tr('template.backToTemplates', 'Back to Templates')}\n        </button>\n        <ErrorState\n          title={tr('template.failedLoad', 'Failed to load template')}\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      </MotionPage>\n    );\n  }\n\n  if (!template) {\n    return (\n      <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"size-4\" />\n          {tr('template.backToTemplates', 'Back to Templates')}\n        </button>\n        <EmptyState\n          icon={<FileCode className=\"size-8 text-text-secondary\" />}\n          title={tr('template.notFound', 'Template not found')}\n          description={`No template with ID \"${id}\" exists`}\n          action={\n            <button\n              type=\"button\"\n              onClick={handleBack}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('template.backToTemplates', 'Back to Templates')}\n            </button>\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n      {/* Success Toast */}\n      {successMessage && (\n        <div className=\"fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg\">\n          {successMessage}\n        </div>\n      )}\n      {forkNotice && (\n        <div className=\"fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-warning-bg text-status-warning-text px-4 py-3 rounded-md shadow-lg text-sm max-w-sm\">\n          {forkNotice}\n        </div>\n      )}\n      {/* Error Toast */}\n      {cloneError && (\n        <div className=\"fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-error-bg text-status-error-text px-4 py-3 rounded-md shadow-lg\">\n          {cloneError}\n        </div>\n      )}\n      {/* Repo creation progress overlay */}\n      {repoProgress && (\n        <div\n          className=\"fixed inset-0 z-[9999] flex items-center justify-center p-4\"\n          style={{ backgroundColor: 'rgba(0,0,0,0.55)' }}\n        >\n          <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-2xl p-8 flex flex-col items-center gap-4 max-w-xs w-full\">\n            {repoProgress.done ? (\n              <CheckCircle2 className=\"size-10 text-status-success-text\" />\n            ) : repoProgress.error ? (\n              <XCircle className=\"size-10 text-status-error-text\" />\n            ) : (\n              <Loader2 className=\"size-10 text-action-primary-bg animate-spin\" />\n            )}\n            <p className=\"text-sm font-medium text-text-primary text-center\">\n              {repoProgress.stage}\n            </p>\n          </div>\n        </div>\n      )}\n\n      {/* Back Button */}\n      <button\n        type=\"button\"\n        onClick={handleBack}\n        className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n      >\n        <ArrowLeft className=\"size-4\" />\n        {tr('template.backToTemplates', 'Back to Templates')}\n      </button>\n\n      {/* Header */}\n      <PageHeader\n        title={template.name}\n        description={template.description || tr('template.noDescription', 'No description')}\n        actions={\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <EntityShareButton\n              entity=\"template\"\n              resource={{ id: template.id, name: template.name }}\n              label={tr('template.share', 'Share')}\n              variant=\"button\"\n            />\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              disabled={loading}\n              className=\"flex items-center justify-center p-2 bg-bg-sunken text-text-primary rounded-md hover:bg-action-secondary-bg-hover transition-colors disabled:opacity-50\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />\n            </button>\n            {canCreateTemplate && (\n              <button\n                type=\"button\"\n                onClick={() => setShowWizard(true)}\n                className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n              >\n                <Copy className=\"size-4\" />\n                {tr('template.useTemplate', 'Use Template')}\n              </button>\n            )}\n            {canDeleteTemplate && (\n              <button\n                type=\"button\"\n                data-testid=\"template-delete-button\"\n                onClick={() => setShowDeleteConfirm(true)}\n                className=\"flex items-center gap-2 px-4 py-2 bg-status-error-bg text-status-error-text rounded-md hover:opacity-90 transition-opacity\"\n                aria-label={tr('template.deleteTemplate', 'Delete Template')}\n              >\n                <Trash2 className=\"size-4\" aria-hidden=\"true\" />\n                {tr('common.delete', 'Delete')}\n              </button>\n            )}\n          </div>\n        }\n      />\n\n      {/* Context hint for new users */}\n      {canCreateTemplate && (\n        <p className=\"text-sm text-text-muted\">\n          Click <span className=\"font-medium text-text-secondary\">Use Template</span> to open a\n          short wizard — give your new component a name, fill in any variables, and optionally\n          create a GitHub repository. The whole thing takes under a minute.\n        </p>\n      )}\n\n      {/* Badges */}\n      <div className=\"flex items-center gap-3 flex-wrap\">\n        {template.category && (\n          <span\n            className={`inline-flex items-center gap-1.5 px-2.5 py-1 text-sm font-medium rounded ${categoryStyles[template.category] || 'bg-bg-sunken text-text-secondary'}`}\n          >\n            <Layers className=\"size-3.5\" />\n            {template.category}\n          </span>\n        )}\n        <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n          <Copy className=\"size-3.5\" />\n          {template.cloneCount} {tr('template.clones', 'clones')}\n        </span>\n        {template.sourceRepositoryUrl && (\n          <a\n            href={template.sourceRepositoryUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={(e) => e.stopPropagation()}\n            className=\"inline-flex items-center gap-1.5 text-sm text-action-primary-bg hover:underline\"\n          >\n            <Github className=\"size-3.5\" />\n            {template.sourceRepositoryUrl.replace('https://github.com/', '')}\n          </a>\n        )}\n        <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n          <Clock className=\"size-3.5\" />\n          {new Date(template.createdAt).toLocaleDateString()}\n        </span>\n      </div>\n\n      {/* Tags */}\n      {template.tags?.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {template.tags.map((tag: string) => (\n            <span\n              key={tag}\n              className=\"inline-flex items-center gap-1 px-2.5 py-1 text-sm bg-bg-sunken text-text-secondary rounded-md\"\n            >\n              <Tag className=\"size-3\" />\n              {tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Universal tags */}\n      <Card>\n        <div className=\"p-4 border-b border-border-default flex items-center gap-2\">\n          <Tag className=\"size-5\" />\n          <h3 className=\"font-semibold text-text-primary\">{tr('template.tags', 'Tags')}</h3>\n        </div>\n        <div className=\"p-4\">\n          <EntityTagPicker entityType=\"VIBECONTROLS_TEMPLATE\" entityId={template.id} />\n        </div>\n      </Card>\n\n      {/* Source Component */}\n      {template.sourceComponent && (\n        <Card>\n          <div className=\"p-4 border-b border-border-default\">\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('template.sourceComponent', 'Source Component')}\n            </h3>\n          </div>\n          <div className=\"p-4\">\n            <button\n              type=\"button\"\n              onClick={() => navigate(`/components/${template.sourceComponent.id}`)}\n              className=\"flex items-center gap-3 text-left hover:bg-bg-sunken p-2 -m-2 rounded-md transition-colors\"\n            >\n              <div className=\"size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0\">\n                <FileCode className=\"size-5 text-action-primary-bg\" />\n              </div>\n              <div>\n                <p className=\"font-medium text-text-primary\">{template.sourceComponent.name}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {template.sourceComponent.type} &middot; {template.sourceComponent.lifecycle}\n                </p>\n              </div>\n            </button>\n          </div>\n        </Card>\n      )}\n\n      {/* Cloned Components */}\n      {template.clonedComponents && template.clonedComponents.length > 0 && (\n        <Card>\n          <div className=\"p-4 border-b border-border-default flex items-center gap-2\">\n            <Copy className=\"size-5\" />\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('template.createdComponents', 'Created Components')}\n            </h3>\n            <span className=\"ml-auto text-xs text-text-muted\">\n              {template.clonedComponents.length} component\n              {template.clonedComponents.length !== 1 ? 's' : ''}\n            </span>\n          </div>\n          <div className=\"divide-y divide-border-default\">\n            {template.clonedComponents.map(\n              (comp: {\n                id: string;\n                name: string;\n                description?: string | null;\n                type: string;\n                lifecycle: string;\n                repositoryUrl?: string | null;\n                createdAt: string;\n              }) => (\n                <button\n                  type=\"button\"\n                  key={comp.id}\n                  onClick={() => navigate(`/components/${comp.id}`)}\n                  className=\"flex items-center gap-3 w-full text-left px-4 py-3 hover:bg-bg-sunken transition-colors\"\n                >\n                  <div className=\"size-8 rounded-md bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0\">\n                    <FileCode className=\"size-4 text-action-primary-bg\" />\n                  </div>\n                  <div className=\"flex-1 min-w-0\">\n                    <p className=\"text-sm font-medium text-text-primary truncate\">{comp.name}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {comp.type} &middot; {comp.lifecycle}\n                      {comp.repositoryUrl && (\n                        <>\n                          {' '}\n                          &middot;{' '}\n                          <span className=\"font-mono\">\n                            {comp.repositoryUrl.replace('https://github.com/', '')}\n                          </span>\n                        </>\n                      )}\n                    </p>\n                  </div>\n                  <span className=\"text-xs text-text-muted flex-shrink-0\">\n                    {new Date(comp.createdAt).toLocaleDateString()}\n                  </span>\n                </button>\n              )\n            )}\n          </div>\n        </Card>\n      )}\n\n      {/* Variables preview */}\n      {Array.isArray(template.variables) &&\n        (template.variables as TemplateVariable[]).length > 0 && (\n          <Card>\n            <div className=\"p-4 border-b border-border-default flex items-center gap-2\">\n              <Variable className=\"size-5\" />\n              <h3 className=\"font-semibold text-text-primary\">\n                {tr('template.variables', 'Template Variables')}\n              </h3>\n              <span className=\"ml-auto text-xs text-text-muted\">\n                {(template.variables as TemplateVariable[]).length} variable\n                {(template.variables as TemplateVariable[]).length !== 1 ? 's' : ''}\n              </span>\n            </div>\n            <div className=\"divide-y divide-border-default\">\n              {(template.variables as TemplateVariable[]).map((v) => (\n                <div key={v.name} className=\"px-4 py-3 flex items-start gap-4\">\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-medium text-text-primary font-mono\">\n                        {v.name}\n                      </span>\n                      {v.required && (\n                        <span className=\"text-xs bg-status-error-bg text-status-error-text px-1.5 py-0.5 rounded\">\n                          required\n                        </span>\n                      )}\n                      <span className=\"text-xs bg-bg-sunken text-text-muted px-1.5 py-0.5 rounded\">\n                        {v.type}\n                      </span>\n                    </div>\n                    {v.title && v.title !== v.name && (\n                      <p className=\"text-xs text-text-secondary mt-0.5\">{v.title}</p>\n                    )}\n                    {v.default && (\n                      <p className=\"text-xs text-text-muted mt-0.5\">\n                        Default: <span className=\"font-mono\">{v.default}</span>\n                      </p>\n                    )}\n                  </div>\n                  {v.options.length > 0 && (\n                    <div className=\"flex flex-wrap gap-1\">\n                      {v.options.map((opt) => (\n                        <span\n                          key={opt}\n                          className=\"text-xs bg-bg-sunken text-text-secondary px-1.5 py-0.5 rounded\"\n                        >\n                          {opt}\n                        </span>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </Card>\n        )}\n\n      {/* Setup Instructions */}\n      {template.setupInstructions && (\n        <Card>\n          <div className=\"p-4 border-b border-border-default\">\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('template.setupInstructions', 'Setup Instructions')}\n            </h3>\n          </div>\n          <div className=\"p-4\">\n            <div className=\"prose prose-sm max-w-none text-text-primary\">\n              <pre className=\"bg-bg-sunken rounded-md p-4 text-xs sm:text-sm overflow-x-auto whitespace-pre-wrap font-mono text-text-primary\">\n                {template.setupInstructions}\n              </pre>\n            </div>\n          </div>\n        </Card>\n      )}\n\n      {/* File Tree */}\n      {template.fileTree && (\n        <Card>\n          <div className=\"p-4 border-b border-border-default\">\n            <h3 className=\"font-semibold text-text-primary flex items-center gap-2\">\n              <FolderTree className=\"size-5\" />\n              {tr('template.fileTree', 'File Tree')}\n            </h3>\n          </div>\n          <div className=\"p-4\">\n            <pre className=\"bg-bg-sunken rounded-md p-4 text-xs sm:text-sm overflow-x-auto font-mono text-text-primary\">\n              {typeof template.fileTree === 'string'\n                ? template.fileTree\n                : JSON.stringify(template.fileTree, null, 2)}\n            </pre>\n          </div>\n        </Card>\n      )}\n\n      {showWizard && canCreateTemplate && (\n        <TemplateWizard\n          templateName={template.name}\n          variables={\n            Array.isArray(template.variables) ? (template.variables as TemplateVariable[]) : []\n          }\n          sourceRepoUrl={\n            template.sourceRepositoryUrl ||\n            ((template.componentSnapshot as Record<string, unknown> | null)\n              ?.repositoryUrl as string) ||\n            template.sourceComponent?.repositoryUrl ||\n            null\n          }\n          githubConnections={githubConnections}\n          onClose={() => setShowWizard(false)}\n          onSubmit={handleClone}\n        />\n      )}\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Component Quota Reached\"\n        message=\"You've reached the maximum number of components on your current plan. Upgrade your plan or purchase an add-on to create more components.\"\n      />\n\n      <ConfirmDialog\n        isOpen={showDeleteConfirm}\n        onClose={() => setShowDeleteConfirm(false)}\n        onConfirm={handleDeleteTemplate}\n        title={tr('template.deleteTemplate', 'Delete Template')}\n        message={tr(\n          'template.deleteConfirmMessage',\n          `Are you sure you want to delete template \"${template.name}\"? Existing instantiated components are unaffected, but the template will no longer be available for cloning. This cannot be undone.`\n        )}\n        confirmLabel={tr('common.delete', 'Delete')}\n        variant=\"danger\"\n        isLoading={isDeleting}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}