@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/components/scorecard/ScorecardPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardPanel.js","names":[],"sources":["../../../src/components/scorecard/ScorecardPanel.tsx"],"sourcesContent":["import type { FC, FormEvent, MouseEvent } from 'react';\nimport { useState, useCallback, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Plus, TrendingUp, RefreshCw, Pencil, Trash2, Info, ShieldCheck } from 'lucide-react';\nimport { LoadingState, ErrorState, Card } from '@/components/shared';\nimport { EntityShareButton } from '@/components/sharing';\nimport { ScorecardTier } from '@/generated/wspace-types';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport {\n  useGetScorecardQuery,\n  useUpsertScorecardMutation,\n  useAddScorecardMetricMutation,\n  useUpdateScorecardMetricMutation,\n  useRemoveScorecardMetricMutation,\n  useApplyScorecardTemplateMutation,\n} from '@/generated/wspace-operations';\nimport {\n  type ScorecardMetricType,\n  type ScorecardMetricStatus,\n  type ScorecardMetricDirection,\n  METRIC_TYPE_OPTIONS,\n  DIRECTION_OPTIONS,\n  STATUS_OPTIONS,\n  statusConfig,\n  deriveStatus,\n} from './scorecardConstants';\nimport { ScorecardEmptyState } from './ScorecardEmptyState';\nimport { ScorecardsOverviewPanel } from './ScorecardsOverviewPanel';\nimport { MetricTrend } from './MetricTrend';\n\ninterface ScorecardMetric {\n  id: string;\n  name: string;\n  description: string | null;\n  type: ScorecardMetricType;\n  value: number | null;\n  threshold: number | null;\n  unit: string | null;\n  direction: ScorecardMetricDirection;\n  weight: number;\n  status: ScorecardMetricStatus;\n  statusOverride: ScorecardMetricStatus | null;\n  remediation: string | null;\n  iframeUrl: string | null;\n  iframeHeight: number | null;\n}\n\nexport interface ScorecardPanelProps {\n  ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';\n  ownerId: string;\n  onAddMetric?: () => void;\n}\n\ntype StatusMode = 'AUTO' | ScorecardMetricStatus;\n\ninterface MetricFormState {\n  name: string;\n  description: string;\n  type: ScorecardMetricType;\n  value: string;\n  threshold: string;\n  unit: string;\n  direction: ScorecardMetricDirection;\n  weight: string;\n  statusMode: StatusMode;\n  remediation: string;\n  iframeUrl: string;\n  iframeHeight: string;\n}\n\nconst DEFAULT_METRIC_FORM: MetricFormState = {\n  name: '',\n  description: '',\n  type: 'CUSTOM',\n  value: '',\n  threshold: '',\n  unit: '',\n  direction: 'HIGHER_IS_BETTER',\n  weight: '1',\n  statusMode: 'AUTO',\n  remediation: '',\n  iframeUrl: '',\n  iframeHeight: '',\n};\n\nconst inputClass =\n  'w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg';\n\nexport const ScorecardPanel: FC<ScorecardPanelProps> = ({ ownerType, ownerId, onAddMetric }) => {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const v = t(key);\n      return v === key ? fallback : v;\n    },\n    [t]\n  );\n\n  const { workspaceId } = useActiveContext();\n\n  const [expandedMetric, setExpandedMetric] = useState<string | null>(null);\n  const [isAddMetricOpen, setIsAddMetricOpen] = useState(false);\n  const [editingMetricId, setEditingMetricId] = useState<string | null>(null);\n  const [deletingMetric, setDeletingMetric] = useState<{ id: string; name: string } | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [metricForm, setMetricForm] = useState<MetricFormState>(DEFAULT_METRIC_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [applyingTemplateId, setApplyingTemplateId] = useState<string | null>(null);\n\n  const { data, loading, error, refetch } = useGetScorecardQuery({\n    variables: { ownerType, ownerId },\n    skip: !ownerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [upsertScorecard, { loading: upsertingScorecard }] = useUpsertScorecardMutation();\n  const [addScorecardMetric, { loading: addingMetric }] = useAddScorecardMetricMutation();\n  const [updateScorecardMetric, { loading: updatingMetric }] = useUpdateScorecardMetricMutation();\n  const [removeScorecardMetric, { loading: removingMetric }] = useRemoveScorecardMetricMutation();\n  const [applyTemplate] = useApplyScorecardTemplateMutation();\n\n  const scorecard = data?.vibecontrolsScorecard ?? null;\n  const isSavingMetric = upsertingScorecard || addingMetric || updatingMetric;\n  const isEditing = editingMetricId !== null;\n\n  const resetMetricForm = (): void => {\n    setMetricForm(DEFAULT_METRIC_FORM);\n    setFormError(null);\n    setEditingMetricId(null);\n  };\n\n  const handleAddMetricClick = (): void => {\n    if (onAddMetric) {\n      onAddMetric();\n      return;\n    }\n    resetMetricForm();\n    setIsAddMetricOpen(true);\n  };\n\n  const handleEditMetricClick = (event: MouseEvent, metric: ScorecardMetric): void => {\n    event.stopPropagation();\n    setMetricForm({\n      name: metric.name,\n      description: metric.description ?? '',\n      type: metric.type,\n      value: metric.value !== null && metric.value !== undefined ? String(metric.value) : '',\n      threshold:\n        metric.threshold !== null && metric.threshold !== undefined ? String(metric.threshold) : '',\n      unit: metric.unit ?? '',\n      direction: metric.direction ?? 'HIGHER_IS_BETTER',\n      weight: metric.weight !== null && metric.weight !== undefined ? String(metric.weight) : '1',\n      statusMode: metric.statusOverride ?? 'AUTO',\n      remediation: metric.remediation ?? '',\n      iframeUrl: metric.iframeUrl ?? '',\n      iframeHeight:\n        metric.iframeHeight !== null && metric.iframeHeight !== undefined\n          ? String(metric.iframeHeight)\n          : '',\n    });\n    setFormError(null);\n    setEditingMetricId(metric.id);\n    setIsAddMetricOpen(true);\n  };\n\n  const handleRemoveMetricClick = (event: MouseEvent, metric: ScorecardMetric): void => {\n    event.stopPropagation();\n    setDeleteError(null);\n    setDeletingMetric({ id: metric.id, name: metric.name });\n  };\n\n  const closeAddMetricDialog = (): void => {\n    if (isSavingMetric) return;\n    setIsAddMetricOpen(false);\n    resetMetricForm();\n  };\n\n  const closeDeleteDialog = useCallback((): void => {\n    if (removingMetric) return;\n    setDeletingMetric(null);\n    setDeleteError(null);\n  }, [removingMetric]);\n\n  useEffect(() => {\n    if (!deletingMetric) return undefined;\n    const handler = (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') closeDeleteDialog();\n    };\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [deletingMetric, closeDeleteDialog]);\n\n  const confirmRemoveMetric = async (): Promise<void> => {\n    if (!deletingMetric) return;\n    setDeleteError(null);\n    try {\n      await removeScorecardMetric({ variables: { id: deletingMetric.id } });\n      await refetch();\n      setDeletingMetric(null);\n    } catch (caughtError) {\n      setDeleteError(\n        caughtError instanceof Error ? caughtError.message : 'Failed to remove metric'\n      );\n    }\n  };\n\n  const updateMetricForm = (field: keyof MetricFormState, value: string): void => {\n    setMetricForm((current) => ({ ...current, [field]: value }));\n  };\n\n  const parseOptionalNumber = (value: string, label: string): number | undefined => {\n    const trimmed = value.trim();\n    if (!trimmed) return undefined;\n    const parsed = Number(trimmed);\n    if (!Number.isFinite(parsed)) throw new Error(`${label} must be a valid number`);\n    return parsed;\n  };\n\n  const ensureScorecardId = async (): Promise<string> => {\n    if (scorecard?.id) return scorecard.id;\n    const created = await upsertScorecard({ variables: { input: { ownerType, ownerId } } });\n    const id = created.data?.upsertVibecontrolsScorecard.id;\n    if (!id) throw new Error(tr('scorecard.scorecardCreateFailed', 'Unable to create scorecard'));\n    return id;\n  };\n\n  const handleApplyTemplate = async (templateId: string): Promise<void> => {\n    setApplyingTemplateId(templateId);\n    try {\n      await applyTemplate({ variables: { templateId, ownerType, ownerId } });\n      await refetch();\n    } finally {\n      setApplyingTemplateId(null);\n    }\n  };\n\n  const handleAddMetricSubmit = async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n    event.preventDefault();\n    setFormError(null);\n\n    const name = metricForm.name.trim();\n    if (!name) {\n      setFormError(tr('scorecard.metricNameRequired', 'Metric name is required'));\n      return;\n    }\n\n    // 'AUTO' → derive status (send no explicit status). Otherwise pin it.\n    const statusOverride =\n      metricForm.statusMode === 'AUTO'\n        ? undefined\n        : (metricForm.statusMode as ScorecardMetricStatus);\n\n    try {\n      const sharedInput = {\n        name,\n        description: metricForm.description.trim() || null,\n        type: metricForm.type,\n        value: parseOptionalNumber(metricForm.value, tr('scorecard.value', 'Value')) ?? null,\n        threshold:\n          parseOptionalNumber(metricForm.threshold, tr('scorecard.threshold', 'Threshold')) ?? null,\n        unit: metricForm.unit.trim() || null,\n        direction: metricForm.direction,\n        weight: parseOptionalNumber(metricForm.weight, tr('scorecard.weight', 'Weight')) ?? 1,\n        status: statusOverride ?? null,\n        remediation: metricForm.remediation.trim() || null,\n        iframeUrl: metricForm.iframeUrl.trim() || null,\n        iframeHeight:\n          parseOptionalNumber(\n            metricForm.iframeHeight,\n            tr('scorecard.iframeHeight', 'Iframe height')\n          ) ?? null,\n      };\n\n      if (editingMetricId) {\n        await updateScorecardMetric({ variables: { id: editingMetricId, input: sharedInput } });\n      } else {\n        const scorecardId = await ensureScorecardId();\n        await addScorecardMetric({ variables: { scorecardId, input: sharedInput } });\n      }\n\n      await refetch();\n      setIsAddMetricOpen(false);\n      resetMetricForm();\n    } catch (caughtError) {\n      setFormError(\n        caughtError instanceof Error\n          ? caughtError.message\n          : editingMetricId\n            ? 'Failed to update metric'\n            : 'Failed to add metric'\n      );\n    }\n  };\n\n  // Live status preview for the form.\n  const previewStatus =\n    metricForm.statusMode === 'AUTO'\n      ? deriveStatus(\n          metricForm.value.trim() ? Number(metricForm.value) : null,\n          metricForm.threshold.trim() ? Number(metricForm.threshold) : null,\n          metricForm.direction\n        )\n      : (metricForm.statusMode as ScorecardMetricStatus);\n\n  const renderDeleteMetricDialog = () => (\n    <AnimatePresence>\n      {deletingMetric && (\n        <motion.div\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\"\n          onClick={closeDeleteDialog}\n        >\n          <motion.div\n            initial={{ scale: 0.96, y: 12 }}\n            animate={{ scale: 1, y: 0 }}\n            exit={{ scale: 0.96, y: 12 }}\n            className=\"w-full max-w-md rounded-xl border border-border-default bg-bg-surface shadow-xl\"\n            onClick={(event) => event.stopPropagation()}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"scorecard-delete-title\"\n          >\n            <div className=\"border-b border-border-default px-5 py-4\">\n              <h3 id=\"scorecard-delete-title\" className=\"text-lg font-semibold text-text-primary\">\n                {tr('scorecard.removeMetricTitle', 'Remove metric')}\n              </h3>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                {tr(\n                  'scorecard.removeMetricConfirm',\n                  'Are you sure you want to remove this metric? This cannot be undone.'\n                )}\n              </p>\n            </div>\n            <div className=\"px-5 py-4 text-sm text-text-primary\">\n              <p className=\"font-medium\">{deletingMetric.name}</p>\n              {deleteError && (\n                <p className=\"mt-3 rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                  {deleteError}\n                </p>\n              )}\n            </div>\n            <div className=\"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4\">\n              <button\n                type=\"button\"\n                onClick={closeDeleteDialog}\n                disabled={removingMetric}\n                className=\"rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                {tr('common.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmRemoveMetric}\n                disabled={removingMetric}\n                className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm text-status-error-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                {removingMetric\n                  ? tr('scorecard.removingMetric', 'Removing...')\n                  : tr('scorecard.removeMetric', 'Remove metric')}\n              </button>\n            </div>\n          </motion.div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n\n  const renderAddMetricDialog = () => {\n    const previewConf = statusConfig[previewStatus] ?? statusConfig.UNKNOWN;\n    return (\n      <AnimatePresence>\n        {isAddMetricOpen && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\"\n            onClick={closeAddMetricDialog}\n          >\n            <motion.div\n              initial={{ scale: 0.96, y: 12 }}\n              animate={{ scale: 1, y: 0 }}\n              exit={{ scale: 0.96, y: 12 }}\n              className=\"w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              <form onSubmit={handleAddMetricSubmit} className=\"flex max-h-[85vh] flex-col\">\n                <div className=\"border-b border-border-default px-5 py-4\">\n                  <h3 className=\"text-lg font-semibold text-text-primary\">\n                    {isEditing\n                      ? tr('scorecard.editMetricTitle', 'Edit scorecard metric')\n                      : tr('scorecard.addMetricTitle', 'Add scorecard metric')}\n                  </h3>\n                  <p className=\"mt-1 text-sm text-text-secondary\">\n                    {tr(\n                      'scorecard.addMetricDescription',\n                      'Define a metric. Status is derived from value vs threshold unless you pin it.'\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"space-y-4 overflow-y-auto px-5 py-4\">\n                  {formError && (\n                    <div className=\"rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                      {formError}\n                    </div>\n                  )}\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricName', 'Metric name')}\n                    </span>\n                    <input\n                      aria-label=\"control\"\n                      value={metricForm.name}\n                      onChange={(event) => updateMetricForm('name', event.target.value)}\n                      className={inputClass}\n                      placeholder={tr('scorecard.metricNamePlaceholder', 'Test coverage')}\n                    />\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricDescription', 'Description')}\n                    </span>\n                    <textarea\n                      aria-label=\"control\"\n                      value={metricForm.description}\n                      onChange={(event) => updateMetricForm('description', event.target.value)}\n                      className={`min-h-16 ${inputClass}`}\n                      placeholder={tr(\n                        'scorecard.metricDescriptionPlaceholder',\n                        'Explain what this metric measures'\n                      )}\n                    />\n                  </label>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricType', 'Type')}\n                      </span>\n                      <select\n                        value={metricForm.type}\n                        onChange={(event) =>\n                          updateMetricForm('type', event.target.value as ScorecardMetricType)\n                        }\n                        className={inputClass}\n                      >\n                        {METRIC_TYPE_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricDirection', 'Direction')}\n                      </span>\n                      <select\n                        value={metricForm.direction}\n                        onChange={(event) =>\n                          updateMetricForm(\n                            'direction',\n                            event.target.value as ScorecardMetricDirection\n                          )\n                        }\n                        className={inputClass}\n                      >\n                        {DIRECTION_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n                  </div>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-4\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.value', 'Value')}\n                      </span>\n                      <input\n                        aria-label=\"value\"\n                        value={metricForm.value}\n                        onChange={(event) => updateMetricForm('value', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"86\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.threshold', 'Threshold')}\n                      </span>\n                      <input\n                        aria-label=\"threshold\"\n                        value={metricForm.threshold}\n                        onChange={(event) => updateMetricForm('threshold', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"80\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.unit', 'Unit')}\n                      </span>\n                      <input\n                        aria-label=\"unit\"\n                        value={metricForm.unit}\n                        onChange={(event) => updateMetricForm('unit', event.target.value)}\n                        className={inputClass}\n                        placeholder=\"%\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.weight', 'Weight')}\n                      </span>\n                      <input\n                        aria-label=\"weight\"\n                        value={metricForm.weight}\n                        onChange={(event) => updateMetricForm('weight', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"1\"\n                      />\n                    </label>\n                  </div>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricStatus', 'Status')}\n                      </span>\n                      <select\n                        value={metricForm.statusMode}\n                        onChange={(event) =>\n                          updateMetricForm('statusMode', event.target.value as StatusMode)\n                        }\n                        className={inputClass}\n                      >\n                        {STATUS_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n\n                    <div className=\"flex items-end\">\n                      <div\n                        className={`flex items-center gap-2 rounded-md px-3 py-2 text-sm ${previewConf.bg} ${previewConf.text}`}\n                      >\n                        <previewConf.icon className=\"size-4\" />\n                        <span>\n                          {metricForm.statusMode === 'AUTO' ? 'Derived: ' : 'Pinned: '}\n                          {previewConf.label}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.remediation', 'Remediation guidance')}\n                    </span>\n                    <textarea\n                      aria-label=\"control\"\n                      value={metricForm.remediation}\n                      onChange={(event) => updateMetricForm('remediation', event.target.value)}\n                      className={`min-h-16 ${inputClass}`}\n                      placeholder={tr(\n                        'scorecard.remediationPlaceholder',\n                        'What should someone do when this metric is failing?'\n                      )}\n                    />\n                  </label>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.iframeUrl', 'Embed URL')}\n                      </span>\n                      <input\n                        aria-label=\"control\"\n                        value={metricForm.iframeUrl}\n                        onChange={(event) => updateMetricForm('iframeUrl', event.target.value)}\n                        className={inputClass}\n                        placeholder={tr('scorecard.iframeUrlPlaceholder', 'Optional dashboard URL')}\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.iframeHeight', 'Iframe height')}\n                      </span>\n                      <input\n                        aria-label=\"iframe height\"\n                        value={metricForm.iframeHeight}\n                        onChange={(event) => updateMetricForm('iframeHeight', event.target.value)}\n                        inputMode=\"numeric\"\n                        className={inputClass}\n                        placeholder=\"320\"\n                      />\n                    </label>\n                  </div>\n                </div>\n\n                <div className=\"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4\">\n                  <button\n                    type=\"button\"\n                    onClick={closeAddMetricDialog}\n                    disabled={isSavingMetric}\n                    className=\"rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n                  >\n                    {tr('common.cancel', 'Cancel')}\n                  </button>\n                  <button\n                    type=\"submit\"\n                    disabled={isSavingMetric}\n                    className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:opacity-60\"\n                  >\n                    {isSavingMetric\n                      ? tr('scorecard.savingMetric', 'Saving...')\n                      : isEditing\n                        ? tr('scorecard.updateMetric', 'Update Metric')\n                        : tr('scorecard.saveMetric', 'Save Metric')}\n                  </button>\n                </div>\n              </form>\n            </motion.div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    );\n  };\n\n  if (loading && !scorecard) {\n    return <LoadingState message={tr('scorecard.loading', 'Loading scorecard...')} />;\n  }\n\n  if (error && !scorecard) {\n    return (\n      <ErrorState\n        title={tr('scorecard.failedLoad', 'Failed to load scorecard')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  if (!scorecard || scorecard.metrics.length === 0) {\n    return (\n      <>\n        <ScorecardEmptyState\n          ownerType={ownerType}\n          ownerId={ownerId}\n          workspaceId={workspaceId}\n          applyingTemplateId={applyingTemplateId}\n          onApplyTemplate={handleApplyTemplate}\n          onAddManual={handleAddMetricClick}\n        />\n        {renderAddMetricDialog()}\n        {renderDeleteMetricDialog()}\n      </>\n    );\n  }\n\n  const overallScore = scorecard.overallScore ?? 0;\n  const scoreColor =\n    overallScore >= 80\n      ? 'text-status-success-text'\n      : overallScore >= 50\n        ? 'text-status-warning-text'\n        : 'text-status-error-text';\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Overall Score */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"flex items-center gap-1.5 text-sm font-medium text-text-secondary\">\n              {tr('scorecard.overallScore', 'Overall Score')}\n              <span title=\"Weighted average of each metric's score (0–100). Status is derived from value vs threshold.\">\n                <Info className=\"size-3.5 text-text-muted\" />\n              </span>\n            </p>\n            <p className={`text-4xl font-bold ${scoreColor}`}>\n              {overallScore}\n              <span className=\"text-lg text-text-muted\">/100</span>\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {scorecard.securityTier && <TierBadge tier={scorecard.securityTier} />}\n            <TrendingUp className={`size-6 ${scoreColor}`} />\n            <EntityShareButton\n              entity=\"scorecard\"\n              resource={{\n                id: scorecard.id,\n                // Scorecard has no display-name field; use its id as the title.\n                name: scorecard.id,\n                owner: { ownerId, ownerType },\n              }}\n              label={tr('scorecard.share', 'Share')}\n            />\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              className=\"rounded-md p-2 text-text-secondary transition-colors hover:bg-bg-sunken\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className=\"size-4\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleAddMetricClick}\n              className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n            >\n              <Plus className=\"size-4\" />\n              {tr('scorecard.addMetric', 'Add Metric')}\n            </button>\n          </div>\n        </div>\n      </Card>\n\n      {/* Metrics Grid */}\n      <MotionList stagger={0.04} className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {scorecard.metrics.map((metric: ScorecardMetric) => {\n          const config = statusConfig[metric.status] || statusConfig.UNKNOWN;\n          const StatusIcon = config.icon;\n          const value = metric.value ?? 0;\n          const threshold = metric.threshold ?? 100;\n          const percentage =\n            threshold > 0 ? Math.min(100, Math.max(0, (value / threshold) * 100)) : 0;\n          const isExpanded = expandedMetric === metric.id;\n          const showRemediation =\n            metric.remediation && (metric.status === 'WARNING' || metric.status === 'FAILING');\n\n          return (\n            <MotionItem key={metric.id}>\n              <Card hoverable padding=\"none\">\n                <div\n                  role=\"button\"\n                  tabIndex={0}\n                  onClick={() => setExpandedMetric(isExpanded ? null : metric.id)}\n                  onKeyDown={(event) => {\n                    if (event.target !== event.currentTarget) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      setExpandedMetric(isExpanded ? null : metric.id);\n                    }\n                  }}\n                  className=\"cursor-pointer rounded-lg p-4 focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  aria-expanded={isExpanded}\n                  aria-label={`${metric.name} metric details`}\n                >\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">\n                        {metric.name}\n                      </p>\n                      <p className=\"mt-0.5 flex items-center gap-1.5 text-xs text-text-muted\">\n                        <span>\n                          {metric.direction === 'LOWER_IS_BETTER'\n                            ? '↓ lower better'\n                            : '↑ higher better'}\n                        </span>\n                        {metric.weight && metric.weight !== 1 ? (\n                          <span>· ×{metric.weight}</span>\n                        ) : null}\n                        {metric.statusOverride ? <span>· pinned</span> : null}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-shrink-0 items-center gap-1\">\n                      <button\n                        type=\"button\"\n                        onClick={(event) => handleEditMetricClick(event, metric)}\n                        className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                        aria-label={tr('scorecard.editMetric', 'Edit metric')}\n                        title={tr('scorecard.editMetric', 'Edit metric')}\n                      >\n                        <Pencil className=\"size-4\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={(event) => handleRemoveMetricClick(event, metric)}\n                        className=\"rounded-md p-1 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text focus:outline-none focus:ring-2 focus:ring-status-error-text\"\n                        aria-label={tr('scorecard.removeMetric', 'Remove metric')}\n                        title={tr('scorecard.removeMetric', 'Remove metric')}\n                      >\n                        <Trash2 className=\"size-4\" />\n                      </button>\n                      <div\n                        className={`flex size-7 items-center justify-center rounded-full ${config.bg}`}\n                      >\n                        <StatusIcon className={`size-4 ${config.text}`} />\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Value and progress */}\n                  <div className=\"mt-3\">\n                    <div className=\"flex items-baseline justify-between\">\n                      <span className=\"text-lg font-bold text-text-primary\">\n                        {value}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                      <span className=\"text-xs text-text-muted\">\n                        / {threshold}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                    </div>\n                    <div className=\"mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                      <motion.div\n                        initial={{ width: 0 }}\n                        animate={{ width: `${percentage}%` }}\n                        transition={{ duration: 0.5, ease: 'easeOut' }}\n                        className={`h-full rounded-full ${config.bar}`}\n                      />\n                    </div>\n                  </div>\n\n                  {showRemediation && (\n                    <p className=\"mt-2 rounded-md border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1.5 text-xs text-status-warning-text\">\n                      {metric.remediation}\n                    </p>\n                  )}\n                </div>\n\n                {/* Expanded: trend + optional embed */}\n                <AnimatePresence>\n                  {isExpanded && (\n                    <motion.div\n                      initial={{ height: 0, opacity: 0 }}\n                      animate={{ height: 'auto', opacity: 1 }}\n                      exit={{ height: 0, opacity: 0 }}\n                      transition={{ duration: 0.2 }}\n                      className=\"overflow-hidden border-t border-border-default\"\n                    >\n                      <div className=\"px-4 py-3\">\n                        <MetricTrend metricId={metric.id} colorClass={config.text} />\n                      </div>\n                      {metric.iframeUrl && (\n                        <iframe\n                          src={metric.iframeUrl}\n                          className=\"w-full border-0\"\n                          style={{\n                            height: metric.iframeHeight ? `${metric.iframeHeight}px` : '200px',\n                          }}\n                          title={`${metric.name} embed`}\n                          sandbox=\"allow-scripts allow-same-origin\"\n                        />\n                      )}\n                    </motion.div>\n                  )}\n                </AnimatePresence>\n              </Card>\n            </MotionItem>\n          );\n        })}\n      </MotionList>\n\n      <ScorecardsOverviewPanel ownerType={ownerType} highlightOwnerId={ownerId} />\n\n      {renderAddMetricDialog()}\n      {renderDeleteMetricDialog()}\n    </div>\n  );\n};\n\nconst TIER_STYLE: Record<ScorecardTier, { label: string; cls: string }> = {\n  [ScorecardTier.Bronze]: {\n    label: 'Bronze',\n    cls: 'bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border',\n  },\n  [ScorecardTier.Silver]: {\n    label: 'Silver',\n    cls: 'bg-bg-sunken text-text-secondary border border-border-strong',\n  },\n  [ScorecardTier.Gold]: {\n    label: 'Gold',\n    cls: 'bg-status-success-bg-subtle text-status-success-text border border-status-success-border',\n  },\n};\n\n/**\n * TierBadge — shows the scorecard's derived production-readiness tier (Bronze/Silver/Gold).\n * The tier is computed server-side from the tier-tagged metrics; this is read-only.\n */\nconst TierBadge: FC<{ tier: ScorecardTier }> = ({ tier }) => {\n  const style = TIER_STYLE[tier];\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${style.cls}`}\n      title={`Security readiness tier: ${style.label}`}\n    >\n      <ShieldCheck className=\"size-3.5\" />\n      {style.label}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwEA,IAAM,IAAuC;CAC3C,MAAM;CACN,aAAa;CACb,MAAM;CACN,OAAO;CACP,WAAW;CACX,MAAM;CACN,WAAW;CACX,QAAQ;CACR,YAAY;CACZ,aAAa;CACb,WAAW;CACX,cAAc;CACf,EAEK,IACJ,gJAEW,KAA2C,EAAE,cAAW,YAAS,qBAAkB;CAC9F,IAAM,EAAE,SAAM,IAAS,EACjB,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;IAEhC,CAAC,EAAE,CACJ,EAEK,EAAE,oBAAgB,IAAkB,EAEpC,CAAC,IAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,IAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAiB,KAAsB,EAAwB,KAAK,EACrE,CAAC,GAAgB,KAAqB,EAA8C,KAAK,EACzF,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAY,KAAiB,EAA0B,EAAoB,EAC5E,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,IAAoB,KAAyB,EAAwB,KAAK,EAE3E,EAAE,UAAM,aAAS,UAAO,eAAY,EAAqB;EAC7D,WAAW;GAAE;GAAW;GAAS;EACjC,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,CAAC,IAAiB,EAAE,SAAS,QAAwB,GAA4B,EACjF,CAAC,IAAoB,EAAE,SAAS,QAAkB,GAA+B,EACjF,CAAC,IAAuB,EAAE,SAAS,QAAoB,GAAkC,EACzF,CAAC,IAAuB,EAAE,SAAS,OAAoB,GAAkC,EACzF,CAAC,MAAiB,GAAmC,EAErD,IAAY,IAAM,yBAAyB,MAC3C,IAAiB,MAAsB,MAAgB,IACvD,IAAY,MAAoB,MAEhC,UAA8B;AAGlC,EAFA,EAAc,EAAoB,EAClC,EAAa,KAAK,EAClB,EAAmB,KAAK;IAGpB,UAAmC;AACvC,MAAI,GAAa;AACf,MAAa;AACb;;AAGF,EADA,GAAiB,EACjB,EAAmB,GAAK;IAGpB,MAAyB,GAAmB,MAAkC;AAsBlF,EArBA,EAAM,iBAAiB,EACvB,EAAc;GACZ,MAAM,EAAO;GACb,aAAa,EAAO,eAAe;GACnC,MAAM,EAAO;GACb,OAAO,EAAO,UAAU,QAAQ,EAAO,UAAU,KAAA,IAAY,OAAO,EAAO,MAAM,GAAG;GACpF,WACE,EAAO,cAAc,QAAQ,EAAO,cAAc,KAAA,IAAY,OAAO,EAAO,UAAU,GAAG;GAC3F,MAAM,EAAO,QAAQ;GACrB,WAAW,EAAO,aAAa;GAC/B,QAAQ,EAAO,WAAW,QAAQ,EAAO,WAAW,KAAA,IAAY,OAAO,EAAO,OAAO,GAAG;GACxF,YAAY,EAAO,kBAAkB;GACrC,aAAa,EAAO,eAAe;GACnC,WAAW,EAAO,aAAa;GAC/B,cACE,EAAO,iBAAiB,QAAQ,EAAO,iBAAiB,KAAA,IACpD,OAAO,EAAO,aAAa,GAC3B;GACP,CAAC,EACF,EAAa,KAAK,EAClB,EAAmB,EAAO,GAAG,EAC7B,EAAmB,GAAK;IAGpB,MAA2B,GAAmB,MAAkC;AAGpF,EAFA,EAAM,iBAAiB,EACvB,EAAe,KAAK,EACpB,EAAkB;GAAE,IAAI,EAAO;GAAI,MAAM,EAAO;GAAM,CAAC;IAGnD,UAAmC;AACnC,QACJ,EAAmB,GAAM,EACzB,GAAiB;IAGb,IAAoB,QAAwB;AAC5C,QACJ,EAAkB,KAAK,EACvB,EAAe,KAAK;IACnB,CAAC,EAAe,CAAC;AAEpB,UAAgB;AACd,MAAI,CAAC,EAAgB;EACrB,IAAM,KAAW,MAA+B;AAC9C,GAAI,EAAM,QAAQ,YAAU,GAAmB;;AAGjD,SADA,OAAO,iBAAiB,WAAW,EAAQ,QAC9B,OAAO,oBAAoB,WAAW,EAAQ;IAC1D,CAAC,GAAgB,EAAkB,CAAC;CAEvC,IAAM,KAAsB,YAA2B;AAChD,SACL;KAAe,KAAK;AACpB,OAAI;AAGF,IAFA,MAAM,GAAsB,EAAE,WAAW,EAAE,IAAI,EAAe,IAAI,EAAE,CAAC,EACrE,MAAM,GAAS,EACf,EAAkB,KAAK;YAChB,GAAa;AACpB,MACE,aAAuB,QAAQ,EAAY,UAAU,0BACtD;;;IAIC,KAAoB,GAA8B,MAAwB;AAC9E,KAAe,OAAa;GAAE,GAAG;IAAU,IAAQ;GAAO,EAAE;IAGxD,KAAuB,GAAe,MAAsC;EAChF,IAAM,IAAU,EAAM,MAAM;AAC5B,MAAI,CAAC,EAAS;EACd,IAAM,IAAS,OAAO,EAAQ;AAC9B,MAAI,CAAC,OAAO,SAAS,EAAO,CAAE,OAAU,MAAM,GAAG,EAAM,yBAAyB;AAChF,SAAO;IAGH,KAAoB,YAA6B;AACrD,MAAI,GAAW,GAAI,QAAO,EAAU;EAEpC,IAAM,KADU,MAAM,GAAgB,EAAE,WAAW,EAAE,OAAO;GAAE;GAAW;GAAS,EAAE,EAAE,CAAC,EACpE,MAAM,4BAA4B;AACrD,MAAI,CAAC,EAAI,OAAU,MAAM,EAAG,mCAAmC,6BAA6B,CAAC;AAC7F,SAAO;IAGH,KAAsB,OAAO,MAAsC;AACvE,IAAsB,EAAW;AACjC,MAAI;AAEF,GADA,MAAM,GAAc,EAAE,WAAW;IAAE;IAAY;IAAW;IAAS,EAAE,CAAC,EACtE,MAAM,GAAS;YACP;AACR,KAAsB,KAAK;;IAIzB,KAAwB,OAAO,MAAqD;AAExF,EADA,EAAM,gBAAgB,EACtB,EAAa,KAAK;EAElB,IAAM,IAAO,EAAW,KAAK,MAAM;AACnC,MAAI,CAAC,GAAM;AACT,KAAa,EAAG,gCAAgC,0BAA0B,CAAC;AAC3E;;EAIF,IAAM,IACJ,EAAW,eAAe,SACtB,KAAA,IACC,EAAW;AAElB,MAAI;GACF,IAAM,IAAc;IAClB;IACA,aAAa,EAAW,YAAY,MAAM,IAAI;IAC9C,MAAM,EAAW;IACjB,OAAO,EAAoB,EAAW,OAAO,EAAG,mBAAmB,QAAQ,CAAC,IAAI;IAChF,WACE,EAAoB,EAAW,WAAW,EAAG,uBAAuB,YAAY,CAAC,IAAI;IACvF,MAAM,EAAW,KAAK,MAAM,IAAI;IAChC,WAAW,EAAW;IACtB,QAAQ,EAAoB,EAAW,QAAQ,EAAG,oBAAoB,SAAS,CAAC,IAAI;IACpF,QAAQ,KAAkB;IAC1B,aAAa,EAAW,YAAY,MAAM,IAAI;IAC9C,WAAW,EAAW,UAAU,MAAM,IAAI;IAC1C,cACE,EACE,EAAW,cACX,EAAG,0BAA0B,gBAAgB,CAC9C,IAAI;IACR;AAWD,GATI,IACF,MAAM,GAAsB,EAAE,WAAW;IAAE,IAAI;IAAiB,OAAO;IAAa,EAAE,CAAC,GAGvF,MAAM,GAAmB,EAAE,WAAW;IAAE,aADpB,MAAM,IAAmB;IACQ,OAAO;IAAa,EAAE,CAAC,EAG9E,MAAM,GAAS,EACf,EAAmB,GAAM,EACzB,GAAiB;WACV,GAAa;AACpB,KACE,aAAuB,QACnB,EAAY,UACZ,IACE,4BACA,uBACP;;IAKC,KACJ,EAAW,eAAe,SACtB,GACE,EAAW,MAAM,MAAM,GAAG,OAAO,EAAW,MAAM,GAAG,MACrD,EAAW,UAAU,MAAM,GAAG,OAAO,EAAW,UAAU,GAAG,MAC7D,EAAW,UACZ,GACA,EAAW,YAEZ,UACJ,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,EAAO,KAAR;EACE,SAAS,EAAE,SAAS,GAAG;EACvB,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,WAAU;EACV,SAAS;YAET,kBAAC,EAAO,KAAR;GACE,SAAS;IAAE,OAAO;IAAM,GAAG;IAAI;GAC/B,SAAS;IAAE,OAAO;IAAG,GAAG;IAAG;GAC3B,MAAM;IAAE,OAAO;IAAM,GAAG;IAAI;GAC5B,WAAU;GACV,UAAU,MAAU,EAAM,iBAAiB;GAC3C,MAAK;GACL,cAAW;GACX,mBAAgB;aARlB;IAUE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,IAAG;MAAyB,WAAU;gBACvC,EAAG,+BAA+B,gBAAgB;MAChD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,iCACA,sEACD;MACC,CAAA,CACA;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAe;MAAS,CAAA,EACnD,KACC,kBAAC,KAAD;MAAG,WAAU;gBACV;MACC,CAAA,CAEF;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;gBAET,EAAG,iBAAiB,SAAS;MACvB,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;gBAET,IACG,EAAG,4BAA4B,cAAc,GAC7C,EAAG,0BAA0B,gBAAgB;MAC1C,CAAA,CACL;;IACK;;EACF,CAAA,EAEC,CAAA,EAGd,UAA8B;EAClC,IAAM,IAAc,EAAa,OAAkB,EAAa;AAChE,SACE,kBAAC,GAAD,EAAA,UACG,MACC,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,GAAG;GACpB,WAAU;GACV,SAAS;aAET,kBAAC,EAAO,KAAR;IACE,SAAS;KAAE,OAAO;KAAM,GAAG;KAAI;IAC/B,SAAS;KAAE,OAAO;KAAG,GAAG;KAAG;IAC3B,MAAM;KAAE,OAAO;KAAM,GAAG;KAAI;IAC5B,WAAU;IACV,UAAU,MAAU,EAAM,iBAAiB;cAE3C,kBAAC,QAAD;KAAM,UAAU;KAAuB,WAAU;eAAjD;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,IACG,EAAG,6BAA6B,wBAAwB,GACxD,EAAG,4BAA4B,uBAAuB;QACvD,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,kCACA,gFACD;QACC,CAAA,CACA;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,KACC,kBAAC,OAAD;SAAK,WAAU;mBACZ;SACG,CAAA;QAGR,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,wBAAwB,cAAc;UACrC,CAAA,EACP,kBAAC,SAAD;UACE,cAAW;UACX,OAAO,EAAW;UAClB,WAAW,MAAU,EAAiB,QAAQ,EAAM,OAAO,MAAM;UACjE,WAAW;UACX,aAAa,EAAG,mCAAmC,gBAAgB;UACnE,CAAA,CACI;;QAER,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,+BAA+B,cAAc;UAC5C,CAAA,EACP,kBAAC,YAAD;UACE,cAAW;UACX,OAAO,EAAW;UAClB,WAAW,MAAU,EAAiB,eAAe,EAAM,OAAO,MAAM;UACxE,WAAW,YAAY;UACvB,aAAa,EACX,0CACA,oCACD;UACD,CAAA,CACI;;QAER,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,wBAAwB,OAAO;WAC9B,CAAA,EACP,kBAAC,UAAD;WACE,OAAO,EAAW;WAClB,WAAW,MACT,EAAiB,QAAQ,EAAM,OAAO,MAA6B;WAErE,WAAW;qBAEV,GAAoB,KAAK,MACxB,kBAAC,UAAD;YAA2B,OAAO,EAAO;sBACtC,EAAO;YACD,EAFI,EAAO,MAEX,CACT;WACK,CAAA,CACH;aAER,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,6BAA6B,YAAY;WACxC,CAAA,EACP,kBAAC,UAAD;WACE,OAAO,EAAW;WAClB,WAAW,MACT,EACE,aACA,EAAM,OAAO,MACd;WAEH,WAAW;qBAEV,EAAkB,KAAK,MACtB,kBAAC,UAAD;YAA2B,OAAO,EAAO;sBACtC,EAAO;YACD,EAFI,EAAO,MAEX,CACT;WACK,CAAA,CACH;YACJ;;QAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WAAO,WAAU;qBAAjB,CACE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAG,mBAAmB,QAAQ;YAC1B,CAAA,EACP,kBAAC,SAAD;YACE,cAAW;YACX,OAAO,EAAW;YAClB,WAAW,MAAU,EAAiB,SAAS,EAAM,OAAO,MAAM;YAClE,WAAU;YACV,WAAW;YACX,aAAY;YACZ,CAAA,CACI;;UAER,kBAAC,SAAD;WAAO,WAAU;qBAAjB,CACE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAG,uBAAuB,YAAY;YAClC,CAAA,EACP,kBAAC,SAAD;YACE,cAAW;YACX,OAAO,EAAW;YAClB,WAAW,MAAU,EAAiB,aAAa,EAAM,OAAO,MAAM;YACtE,WAAU;YACV,WAAW;YACX,aAAY;YACZ,CAAA,CACI;;UAER,kBAAC,SAAD;WAAO,WAAU;qBAAjB,CACE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAG,kBAAkB,OAAO;YACxB,CAAA,EACP,kBAAC,SAAD;YACE,cAAW;YACX,OAAO,EAAW;YAClB,WAAW,MAAU,EAAiB,QAAQ,EAAM,OAAO,MAAM;YACjE,WAAW;YACX,aAAY;YACZ,CAAA,CACI;;UAER,kBAAC,SAAD;WAAO,WAAU;qBAAjB,CACE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAG,oBAAoB,SAAS;YAC5B,CAAA,EACP,kBAAC,SAAD;YACE,cAAW;YACX,OAAO,EAAW;YAClB,WAAW,MAAU,EAAiB,UAAU,EAAM,OAAO,MAAM;YACnE,WAAU;YACV,WAAW;YACX,aAAY;YACZ,CAAA,CACI;;UACJ;;QAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,0BAA0B,SAAS;WAClC,CAAA,EACP,kBAAC,UAAD;WACE,OAAO,EAAW;WAClB,WAAW,MACT,EAAiB,cAAc,EAAM,OAAO,MAAoB;WAElE,WAAW;qBAEV,GAAe,KAAK,MACnB,kBAAC,UAAD;YAA2B,OAAO,EAAO;sBACtC,EAAO;YACD,EAFI,EAAO,MAEX,CACT;WACK,CAAA,CACH;aAER,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WACE,WAAW,wDAAwD,EAAY,GAAG,GAAG,EAAY;qBADnG,CAGE,kBAAC,EAAY,MAAb,EAAkB,WAAU,UAAW,CAAA,EACvC,kBAAC,QAAD,EAAA,UAAA,CACG,EAAW,eAAe,SAAS,cAAc,YACjD,EAAY,MACR,EAAA,CAAA,CACH;;UACF,CAAA,CACF;;QAEN,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,yBAAyB,uBAAuB;UAC/C,CAAA,EACP,kBAAC,YAAD;UACE,cAAW;UACX,OAAO,EAAW;UAClB,WAAW,MAAU,EAAiB,eAAe,EAAM,OAAO,MAAM;UACxE,WAAW,YAAY;UACvB,aAAa,EACX,oCACA,sDACD;UACD,CAAA,CACI;;QAER,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,uBAAuB,YAAY;WAClC,CAAA,EACP,kBAAC,SAAD;WACE,cAAW;WACX,OAAO,EAAW;WAClB,WAAW,MAAU,EAAiB,aAAa,EAAM,OAAO,MAAM;WACtE,WAAW;WACX,aAAa,EAAG,kCAAkC,yBAAyB;WAC3E,CAAA,CACI;aAER,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,0BAA0B,gBAAgB;WACzC,CAAA,EACP,kBAAC,SAAD;WACE,cAAW;WACX,OAAO,EAAW;WAClB,WAAW,MAAU,EAAiB,gBAAgB,EAAM,OAAO,MAAM;WACzE,WAAU;WACV,WAAW;WACX,aAAY;WACZ,CAAA,CACI;YACJ;;QACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBAET,EAAG,iBAAiB,SAAS;QACvB,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAET,IACG,EAAG,0BAA0B,YAAY,GACzC,IACE,EAAG,0BAA0B,gBAAgB,GAC7C,EAAG,wBAAwB,cAAc;QACxC,CAAA,CACL;;MACD;;IACI,CAAA;GACF,CAAA,EAEC,CAAA;;AAItB,KAAI,MAAW,CAAC,EACd,QAAO,kBAAC,GAAD,EAAc,SAAS,EAAG,qBAAqB,uBAAuB,EAAI,CAAA;AAGnF,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,wBAAwB,2BAA2B;EAC7D,SAAS,EAAM;EACf,eAAe,GAAS;EACxB,CAAA;AAIN,KAAI,CAAC,KAAa,EAAU,QAAQ,WAAW,EAC7C,QACE,kBAAA,IAAA,EAAA,UAAA;EACE,kBAAC,IAAD;GACa;GACF;GACI;GACO;GACpB,iBAAiB;GACjB,aAAa;GACb,CAAA;EACD,GAAuB;EACvB,GAA0B;EAC1B,EAAA,CAAA;CAIP,IAAM,IAAe,EAAU,gBAAgB,GACzC,IACJ,KAAgB,KACZ,6BACA,KAAgB,KACd,6BACA;AAER,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,GAAD;IAAM,SAAQ;cACZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAb,CACG,EAAG,0BAA0B,gBAAgB,EAC9C,kBAAC,QAAD;OAAM,OAAM;iBACV,kBAAC,IAAD,EAAM,WAAU,4BAA6B,CAAA;OACxC,CAAA,CACL;SACJ,kBAAC,KAAD;MAAG,WAAW,sBAAsB;gBAApC,CACG,GACD,kBAAC,QAAD;OAAM,WAAU;iBAA0B;OAAW,CAAA,CACnD;QACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAU,gBAAgB,kBAAC,IAAD,EAAW,MAAM,EAAU,cAAgB,CAAA;OACtE,kBAAC,IAAD,EAAY,WAAW,UAAU,KAAgB,CAAA;OACjD,kBAAC,IAAD;QACE,QAAO;QACP,UAAU;SACR,IAAI,EAAU;SAEd,MAAM,EAAU;SAChB,OAAO;UAAE;UAAS;UAAW;SAC9B;QACD,OAAO,EAAG,mBAAmB,QAAQ;QACrC,CAAA;OACF,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,GAAS;QACxB,WAAU;QACV,OAAO,EAAG,kBAAkB,UAAU;kBAEtC,kBAAC,IAAD,EAAW,WAAU,UAAW,CAAA;QACzB,CAAA;OACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAHZ,CAKE,kBAAC,IAAD,EAAM,WAAU,UAAW,CAAA,EAC1B,EAAG,uBAAuB,aAAa,CACjC;;OACL;QACF;;IACD,CAAA;GAGP,kBAAC,IAAD;IAAY,SAAS;IAAM,WAAU;cAClC,EAAU,QAAQ,KAAK,MAA4B;KAClD,IAAM,IAAS,EAAa,EAAO,WAAW,EAAa,SACrD,IAAa,EAAO,MACpB,IAAQ,EAAO,SAAS,GACxB,IAAY,EAAO,aAAa,KAChC,IACJ,IAAY,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,IAAQ,IAAa,IAAI,CAAC,GAAG,GACpE,IAAa,OAAmB,EAAO,IACvC,IACJ,EAAO,gBAAgB,EAAO,WAAW,aAAa,EAAO,WAAW;AAE1E,YACE,kBAAC,IAAD,EAAA,UACE,kBAAC,GAAD;MAAM,WAAA;MAAU,SAAQ;gBAAxB,CACE,kBAAC,OAAD;OACE,MAAK;OACL,UAAU;OACV,eAAe,EAAkB,IAAa,OAAO,EAAO,GAAG;OAC/D,YAAY,MAAU;AAChB,UAAM,WAAW,EAAM,kBACvB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAkB,IAAa,OAAO,EAAO,GAAG;;OAGpD,WAAU;OACV,iBAAe;OACf,cAAY,GAAG,EAAO,KAAK;iBAb7B;QAeE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAO;WACN,CAAA,EACJ,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACE,kBAAC,QAAD,EAAA,UACG,EAAO,cAAc,oBAClB,mBACA,mBACC,CAAA;YACN,EAAO,UAAU,EAAO,WAAW,IAClC,kBAAC,QAAD,EAAA,UAAA,CAAM,OAAI,EAAO,OAAc,EAAA,CAAA,GAC7B;YACH,EAAO,iBAAiB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,GAAG;YAC/C;aACA;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,UAAD;YACE,MAAK;YACL,UAAU,MAAU,GAAsB,GAAO,EAAO;YACxD,WAAU;YACV,cAAY,EAAG,wBAAwB,cAAc;YACrD,OAAO,EAAG,wBAAwB,cAAc;sBAEhD,kBAAC,IAAD,EAAQ,WAAU,UAAW,CAAA;YACtB,CAAA;WACT,kBAAC,UAAD;YACE,MAAK;YACL,UAAU,MAAU,GAAwB,GAAO,EAAO;YAC1D,WAAU;YACV,cAAY,EAAG,0BAA0B,gBAAgB;YACzD,OAAO,EAAG,0BAA0B,gBAAgB;sBAEpD,kBAAC,IAAD,EAAQ,WAAU,UAAW,CAAA;YACtB,CAAA;WACT,kBAAC,OAAD;YACE,WAAW,wDAAwD,EAAO;sBAE1E,kBAAC,GAAD,EAAY,WAAW,UAAU,EAAO,QAAU,CAAA;YAC9C,CAAA;WACF;YACF;;QAGN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACG,GACA,EAAO,OAAO,IAAI,EAAO,SAAS,GAC9B;cACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YAA0C;YACrC;YACF,EAAO,OAAO,IAAI,EAAO,SAAS;YAC9B;aACH;aACN,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,EAAO,KAAR;WACE,SAAS,EAAE,OAAO,GAAG;WACrB,SAAS,EAAE,OAAO,GAAG,EAAW,IAAI;WACpC,YAAY;YAAE,UAAU;YAAK,MAAM;YAAW;WAC9C,WAAW,uBAAuB,EAAO;WACzC,CAAA;UACE,CAAA,CACF;;QAEL,KACC,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAO;SACN,CAAA;QAEF;UAGN,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,EAAO,KAAR;OACE,SAAS;QAAE,QAAQ;QAAG,SAAS;QAAG;OAClC,SAAS;QAAE,QAAQ;QAAQ,SAAS;QAAG;OACvC,MAAM;QAAE,QAAQ;QAAG,SAAS;QAAG;OAC/B,YAAY,EAAE,UAAU,IAAK;OAC7B,WAAU;iBALZ,CAOE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,IAAD;SAAa,UAAU,EAAO;SAAI,YAAY,EAAO;SAAQ,CAAA;QACzD,CAAA,EACL,EAAO,aACN,kBAAC,UAAD;QACE,KAAK,EAAO;QACZ,WAAU;QACV,OAAO,EACL,QAAQ,EAAO,eAAe,GAAG,EAAO,aAAa,MAAM,SAC5D;QACD,OAAO,GAAG,EAAO,KAAK;QACtB,SAAQ;QACR,CAAA,CAEO;UAEC,CAAA,CACb;SACI,EAtHI,EAAO,GAsHX;MAEf;IACS,CAAA;GAEb,kBAAC,GAAD;IAAoC;IAAW,kBAAkB;IAAW,CAAA;GAE3E,GAAuB;GACvB,GAA0B;GACvB;;GAIJ,IAAoE;EACvE,EAAc,SAAS;EACtB,OAAO;EACP,KAAK;EACN;EACA,EAAc,SAAS;EACtB,OAAO;EACP,KAAK;EACN;EACA,EAAc,OAAO;EACpB,OAAO;EACP,KAAK;EACN;CACF,EAMK,MAA0C,EAAE,cAAW;CAC3D,IAAM,IAAQ,EAAW;AACzB,QACE,kBAAC,QAAD;EACE,WAAW,iFAAiF,EAAM;EAClG,OAAO,4BAA4B,EAAM;YAF3C,CAIE,kBAAC,GAAD,EAAa,WAAU,YAAa,CAAA,EACnC,EAAM,MACF"}
+{"version":3,"file":"ScorecardPanel.js","names":[],"sources":["../../../src/components/scorecard/ScorecardPanel.tsx"],"sourcesContent":["import type { FC, FormEvent, MouseEvent } from 'react';\nimport { useState, useCallback, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Plus, TrendingUp, RefreshCw, Pencil, Trash2, Info, ShieldCheck } from 'lucide-react';\nimport { LoadingState, ErrorState, Card } from '@/components/shared';\nimport { EntityShareButton } from '@/components/sharing';\nimport { ScorecardTier } from '@/generated/wspace-types';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useActiveContext, usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  useGetScorecardQuery,\n  useUpsertScorecardMutation,\n  useAddScorecardMetricMutation,\n  useUpdateScorecardMetricMutation,\n  useRemoveScorecardMetricMutation,\n  useApplyScorecardTemplateMutation,\n} from '@/generated/wspace-operations';\nimport {\n  type ScorecardMetricType,\n  type ScorecardMetricStatus,\n  type ScorecardMetricDirection,\n  METRIC_TYPE_OPTIONS,\n  DIRECTION_OPTIONS,\n  STATUS_OPTIONS,\n  statusConfig,\n  deriveStatus,\n} from './scorecardConstants';\nimport { ScorecardEmptyState } from './ScorecardEmptyState';\nimport { ScorecardsOverviewPanel } from './ScorecardsOverviewPanel';\nimport { MetricTrend } from './MetricTrend';\n\ninterface ScorecardMetric {\n  id: string;\n  name: string;\n  description: string | null;\n  type: ScorecardMetricType;\n  value: number | null;\n  threshold: number | null;\n  unit: string | null;\n  direction: ScorecardMetricDirection;\n  weight: number;\n  status: ScorecardMetricStatus;\n  statusOverride: ScorecardMetricStatus | null;\n  remediation: string | null;\n  iframeUrl: string | null;\n  iframeHeight: number | null;\n}\n\nexport interface ScorecardPanelProps {\n  ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';\n  ownerId: string;\n  onAddMetric?: () => void;\n}\n\ntype StatusMode = 'AUTO' | ScorecardMetricStatus;\n\ninterface MetricFormState {\n  name: string;\n  description: string;\n  type: ScorecardMetricType;\n  value: string;\n  threshold: string;\n  unit: string;\n  direction: ScorecardMetricDirection;\n  weight: string;\n  statusMode: StatusMode;\n  remediation: string;\n  iframeUrl: string;\n  iframeHeight: string;\n}\n\nconst DEFAULT_METRIC_FORM: MetricFormState = {\n  name: '',\n  description: '',\n  type: 'CUSTOM',\n  value: '',\n  threshold: '',\n  unit: '',\n  direction: 'HIGHER_IS_BETTER',\n  weight: '1',\n  statusMode: 'AUTO',\n  remediation: '',\n  iframeUrl: '',\n  iframeHeight: '',\n};\n\nconst inputClass =\n  'w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg';\n\nexport const ScorecardPanel: FC<ScorecardPanelProps> = ({ ownerType, ownerId, onAddMetric }) => {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const v = t(key);\n      return v === key ? fallback : v;\n    },\n    [t]\n  );\n\n  const { workspaceId } = useActiveContext();\n\n  // Scorecard RBAC. `scorecard` is a newer resourceType whose grants only reach\n  // pre-existing workspaces after their cloned roles are re-synced, so enforce\n  // the precise scorecard:* grant only when it is registered in the actor's set\n  // — otherwise fall open (current behavior) so un-backfilled workspaces don't\n  // lock out. Once backfilled, denied actors have these controls hidden.\n  const { hasPermission, permissions } = usePermissions();\n  const scorecardPermsRegistered = (\n    Array.isArray(permissions) ? permissions : permissions?.permissionStrings\n  )?.some?.((p: string) => p.startsWith('scorecard:'));\n  const canCreateMetric = scorecardPermsRegistered\n    ? hasPermission(VIBE_PERMISSIONS.SCORECARD_CREATE)\n    : true;\n  const canUpdateMetric = scorecardPermsRegistered\n    ? hasPermission(VIBE_PERMISSIONS.SCORECARD_UPDATE)\n    : true;\n  const canDeleteMetric = scorecardPermsRegistered\n    ? hasPermission(VIBE_PERMISSIONS.SCORECARD_DELETE)\n    : true;\n\n  const [expandedMetric, setExpandedMetric] = useState<string | null>(null);\n  const [isAddMetricOpen, setIsAddMetricOpen] = useState(false);\n  const [editingMetricId, setEditingMetricId] = useState<string | null>(null);\n  const [deletingMetric, setDeletingMetric] = useState<{ id: string; name: string } | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [metricForm, setMetricForm] = useState<MetricFormState>(DEFAULT_METRIC_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [applyingTemplateId, setApplyingTemplateId] = useState<string | null>(null);\n\n  const { data, loading, error, refetch } = useGetScorecardQuery({\n    variables: { ownerType, ownerId },\n    skip: !ownerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [upsertScorecard, { loading: upsertingScorecard }] = useUpsertScorecardMutation();\n  const [addScorecardMetric, { loading: addingMetric }] = useAddScorecardMetricMutation();\n  const [updateScorecardMetric, { loading: updatingMetric }] = useUpdateScorecardMetricMutation();\n  const [removeScorecardMetric, { loading: removingMetric }] = useRemoveScorecardMetricMutation();\n  const [applyTemplate] = useApplyScorecardTemplateMutation();\n\n  const scorecard = data?.vibecontrolsScorecard ?? null;\n  const isSavingMetric = upsertingScorecard || addingMetric || updatingMetric;\n  const isEditing = editingMetricId !== null;\n\n  const resetMetricForm = (): void => {\n    setMetricForm(DEFAULT_METRIC_FORM);\n    setFormError(null);\n    setEditingMetricId(null);\n  };\n\n  const handleAddMetricClick = (): void => {\n    if (onAddMetric) {\n      onAddMetric();\n      return;\n    }\n    resetMetricForm();\n    setIsAddMetricOpen(true);\n  };\n\n  const handleEditMetricClick = (event: MouseEvent, metric: ScorecardMetric): void => {\n    event.stopPropagation();\n    setMetricForm({\n      name: metric.name,\n      description: metric.description ?? '',\n      type: metric.type,\n      value: metric.value !== null && metric.value !== undefined ? String(metric.value) : '',\n      threshold:\n        metric.threshold !== null && metric.threshold !== undefined ? String(metric.threshold) : '',\n      unit: metric.unit ?? '',\n      direction: metric.direction ?? 'HIGHER_IS_BETTER',\n      weight: metric.weight !== null && metric.weight !== undefined ? String(metric.weight) : '1',\n      statusMode: metric.statusOverride ?? 'AUTO',\n      remediation: metric.remediation ?? '',\n      iframeUrl: metric.iframeUrl ?? '',\n      iframeHeight:\n        metric.iframeHeight !== null && metric.iframeHeight !== undefined\n          ? String(metric.iframeHeight)\n          : '',\n    });\n    setFormError(null);\n    setEditingMetricId(metric.id);\n    setIsAddMetricOpen(true);\n  };\n\n  const handleRemoveMetricClick = (event: MouseEvent, metric: ScorecardMetric): void => {\n    event.stopPropagation();\n    setDeleteError(null);\n    setDeletingMetric({ id: metric.id, name: metric.name });\n  };\n\n  const closeAddMetricDialog = (): void => {\n    if (isSavingMetric) return;\n    setIsAddMetricOpen(false);\n    resetMetricForm();\n  };\n\n  const closeDeleteDialog = useCallback((): void => {\n    if (removingMetric) return;\n    setDeletingMetric(null);\n    setDeleteError(null);\n  }, [removingMetric]);\n\n  useEffect(() => {\n    if (!deletingMetric) return undefined;\n    const handler = (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') closeDeleteDialog();\n    };\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [deletingMetric, closeDeleteDialog]);\n\n  const confirmRemoveMetric = async (): Promise<void> => {\n    if (!deletingMetric) return;\n    setDeleteError(null);\n    try {\n      await removeScorecardMetric({ variables: { id: deletingMetric.id } });\n      await refetch();\n      setDeletingMetric(null);\n    } catch (caughtError) {\n      setDeleteError(\n        caughtError instanceof Error ? caughtError.message : 'Failed to remove metric'\n      );\n    }\n  };\n\n  const updateMetricForm = (field: keyof MetricFormState, value: string): void => {\n    setMetricForm((current) => ({ ...current, [field]: value }));\n  };\n\n  const parseOptionalNumber = (value: string, label: string): number | undefined => {\n    const trimmed = value.trim();\n    if (!trimmed) return undefined;\n    const parsed = Number(trimmed);\n    if (!Number.isFinite(parsed)) throw new Error(`${label} must be a valid number`);\n    return parsed;\n  };\n\n  const ensureScorecardId = async (): Promise<string> => {\n    if (scorecard?.id) return scorecard.id;\n    const created = await upsertScorecard({ variables: { input: { ownerType, ownerId } } });\n    const id = created.data?.upsertVibecontrolsScorecard.id;\n    if (!id) throw new Error(tr('scorecard.scorecardCreateFailed', 'Unable to create scorecard'));\n    return id;\n  };\n\n  const handleApplyTemplate = async (templateId: string): Promise<void> => {\n    setApplyingTemplateId(templateId);\n    try {\n      await applyTemplate({ variables: { templateId, ownerType, ownerId } });\n      await refetch();\n    } finally {\n      setApplyingTemplateId(null);\n    }\n  };\n\n  const handleAddMetricSubmit = async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n    event.preventDefault();\n    setFormError(null);\n\n    const name = metricForm.name.trim();\n    if (!name) {\n      setFormError(tr('scorecard.metricNameRequired', 'Metric name is required'));\n      return;\n    }\n\n    // 'AUTO' → derive status (send no explicit status). Otherwise pin it.\n    const statusOverride =\n      metricForm.statusMode === 'AUTO'\n        ? undefined\n        : (metricForm.statusMode as ScorecardMetricStatus);\n\n    try {\n      const sharedInput = {\n        name,\n        description: metricForm.description.trim() || null,\n        type: metricForm.type,\n        value: parseOptionalNumber(metricForm.value, tr('scorecard.value', 'Value')) ?? null,\n        threshold:\n          parseOptionalNumber(metricForm.threshold, tr('scorecard.threshold', 'Threshold')) ?? null,\n        unit: metricForm.unit.trim() || null,\n        direction: metricForm.direction,\n        weight: parseOptionalNumber(metricForm.weight, tr('scorecard.weight', 'Weight')) ?? 1,\n        status: statusOverride ?? null,\n        remediation: metricForm.remediation.trim() || null,\n        iframeUrl: metricForm.iframeUrl.trim() || null,\n        iframeHeight:\n          parseOptionalNumber(\n            metricForm.iframeHeight,\n            tr('scorecard.iframeHeight', 'Iframe height')\n          ) ?? null,\n      };\n\n      if (editingMetricId) {\n        await updateScorecardMetric({ variables: { id: editingMetricId, input: sharedInput } });\n      } else {\n        const scorecardId = await ensureScorecardId();\n        await addScorecardMetric({ variables: { scorecardId, input: sharedInput } });\n      }\n\n      await refetch();\n      setIsAddMetricOpen(false);\n      resetMetricForm();\n    } catch (caughtError) {\n      setFormError(\n        caughtError instanceof Error\n          ? caughtError.message\n          : editingMetricId\n            ? 'Failed to update metric'\n            : 'Failed to add metric'\n      );\n    }\n  };\n\n  // Live status preview for the form.\n  const previewStatus =\n    metricForm.statusMode === 'AUTO'\n      ? deriveStatus(\n          metricForm.value.trim() ? Number(metricForm.value) : null,\n          metricForm.threshold.trim() ? Number(metricForm.threshold) : null,\n          metricForm.direction\n        )\n      : (metricForm.statusMode as ScorecardMetricStatus);\n\n  const renderDeleteMetricDialog = () => (\n    <AnimatePresence>\n      {deletingMetric && (\n        <motion.div\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\"\n          onClick={closeDeleteDialog}\n        >\n          <motion.div\n            initial={{ scale: 0.96, y: 12 }}\n            animate={{ scale: 1, y: 0 }}\n            exit={{ scale: 0.96, y: 12 }}\n            className=\"w-full max-w-md rounded-xl border border-border-default bg-bg-surface shadow-xl\"\n            onClick={(event) => event.stopPropagation()}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"scorecard-delete-title\"\n          >\n            <div className=\"border-b border-border-default px-5 py-4\">\n              <h3 id=\"scorecard-delete-title\" className=\"text-lg font-semibold text-text-primary\">\n                {tr('scorecard.removeMetricTitle', 'Remove metric')}\n              </h3>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                {tr(\n                  'scorecard.removeMetricConfirm',\n                  'Are you sure you want to remove this metric? This cannot be undone.'\n                )}\n              </p>\n            </div>\n            <div className=\"px-5 py-4 text-sm text-text-primary\">\n              <p className=\"font-medium\">{deletingMetric.name}</p>\n              {deleteError && (\n                <p className=\"mt-3 rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                  {deleteError}\n                </p>\n              )}\n            </div>\n            <div className=\"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4\">\n              <button\n                type=\"button\"\n                onClick={closeDeleteDialog}\n                disabled={removingMetric}\n                className=\"rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                {tr('common.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmRemoveMetric}\n                disabled={removingMetric}\n                className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm text-status-error-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                {removingMetric\n                  ? tr('scorecard.removingMetric', 'Removing...')\n                  : tr('scorecard.removeMetric', 'Remove metric')}\n              </button>\n            </div>\n          </motion.div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n\n  const renderAddMetricDialog = () => {\n    const previewConf = statusConfig[previewStatus] ?? statusConfig.UNKNOWN;\n    return (\n      <AnimatePresence>\n        {isAddMetricOpen && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\"\n            onClick={closeAddMetricDialog}\n          >\n            <motion.div\n              initial={{ scale: 0.96, y: 12 }}\n              animate={{ scale: 1, y: 0 }}\n              exit={{ scale: 0.96, y: 12 }}\n              className=\"w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              <form onSubmit={handleAddMetricSubmit} className=\"flex max-h-[85vh] flex-col\">\n                <div className=\"border-b border-border-default px-5 py-4\">\n                  <h3 className=\"text-lg font-semibold text-text-primary\">\n                    {isEditing\n                      ? tr('scorecard.editMetricTitle', 'Edit scorecard metric')\n                      : tr('scorecard.addMetricTitle', 'Add scorecard metric')}\n                  </h3>\n                  <p className=\"mt-1 text-sm text-text-secondary\">\n                    {tr(\n                      'scorecard.addMetricDescription',\n                      'Define a metric. Status is derived from value vs threshold unless you pin it.'\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"space-y-4 overflow-y-auto px-5 py-4\">\n                  {formError && (\n                    <div className=\"rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                      {formError}\n                    </div>\n                  )}\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricName', 'Metric name')}\n                    </span>\n                    <input\n                      aria-label=\"control\"\n                      value={metricForm.name}\n                      onChange={(event) => updateMetricForm('name', event.target.value)}\n                      className={inputClass}\n                      placeholder={tr('scorecard.metricNamePlaceholder', 'Test coverage')}\n                    />\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricDescription', 'Description')}\n                    </span>\n                    <textarea\n                      aria-label=\"control\"\n                      value={metricForm.description}\n                      onChange={(event) => updateMetricForm('description', event.target.value)}\n                      className={`min-h-16 ${inputClass}`}\n                      placeholder={tr(\n                        'scorecard.metricDescriptionPlaceholder',\n                        'Explain what this metric measures'\n                      )}\n                    />\n                  </label>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricType', 'Type')}\n                      </span>\n                      <select\n                        value={metricForm.type}\n                        onChange={(event) =>\n                          updateMetricForm('type', event.target.value as ScorecardMetricType)\n                        }\n                        className={inputClass}\n                      >\n                        {METRIC_TYPE_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricDirection', 'Direction')}\n                      </span>\n                      <select\n                        value={metricForm.direction}\n                        onChange={(event) =>\n                          updateMetricForm(\n                            'direction',\n                            event.target.value as ScorecardMetricDirection\n                          )\n                        }\n                        className={inputClass}\n                      >\n                        {DIRECTION_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n                  </div>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-4\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.value', 'Value')}\n                      </span>\n                      <input\n                        aria-label=\"value\"\n                        value={metricForm.value}\n                        onChange={(event) => updateMetricForm('value', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"86\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.threshold', 'Threshold')}\n                      </span>\n                      <input\n                        aria-label=\"threshold\"\n                        value={metricForm.threshold}\n                        onChange={(event) => updateMetricForm('threshold', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"80\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.unit', 'Unit')}\n                      </span>\n                      <input\n                        aria-label=\"unit\"\n                        value={metricForm.unit}\n                        onChange={(event) => updateMetricForm('unit', event.target.value)}\n                        className={inputClass}\n                        placeholder=\"%\"\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.weight', 'Weight')}\n                      </span>\n                      <input\n                        aria-label=\"weight\"\n                        value={metricForm.weight}\n                        onChange={(event) => updateMetricForm('weight', event.target.value)}\n                        inputMode=\"decimal\"\n                        className={inputClass}\n                        placeholder=\"1\"\n                      />\n                    </label>\n                  </div>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.metricStatus', 'Status')}\n                      </span>\n                      <select\n                        value={metricForm.statusMode}\n                        onChange={(event) =>\n                          updateMetricForm('statusMode', event.target.value as StatusMode)\n                        }\n                        className={inputClass}\n                      >\n                        {STATUS_OPTIONS.map((option) => (\n                          <option key={option.value} value={option.value}>\n                            {option.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n\n                    <div className=\"flex items-end\">\n                      <div\n                        className={`flex items-center gap-2 rounded-md px-3 py-2 text-sm ${previewConf.bg} ${previewConf.text}`}\n                      >\n                        <previewConf.icon className=\"size-4\" />\n                        <span>\n                          {metricForm.statusMode === 'AUTO' ? 'Derived: ' : 'Pinned: '}\n                          {previewConf.label}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.remediation', 'Remediation guidance')}\n                    </span>\n                    <textarea\n                      aria-label=\"control\"\n                      value={metricForm.remediation}\n                      onChange={(event) => updateMetricForm('remediation', event.target.value)}\n                      className={`min-h-16 ${inputClass}`}\n                      placeholder={tr(\n                        'scorecard.remediationPlaceholder',\n                        'What should someone do when this metric is failing?'\n                      )}\n                    />\n                  </label>\n\n                  <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]\">\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.iframeUrl', 'Embed URL')}\n                      </span>\n                      <input\n                        aria-label=\"control\"\n                        value={metricForm.iframeUrl}\n                        onChange={(event) => updateMetricForm('iframeUrl', event.target.value)}\n                        className={inputClass}\n                        placeholder={tr('scorecard.iframeUrlPlaceholder', 'Optional dashboard URL')}\n                      />\n                    </label>\n\n                    <label className=\"block space-y-1.5\">\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {tr('scorecard.iframeHeight', 'Iframe height')}\n                      </span>\n                      <input\n                        aria-label=\"iframe height\"\n                        value={metricForm.iframeHeight}\n                        onChange={(event) => updateMetricForm('iframeHeight', event.target.value)}\n                        inputMode=\"numeric\"\n                        className={inputClass}\n                        placeholder=\"320\"\n                      />\n                    </label>\n                  </div>\n                </div>\n\n                <div className=\"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4\">\n                  <button\n                    type=\"button\"\n                    onClick={closeAddMetricDialog}\n                    disabled={isSavingMetric}\n                    className=\"rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n                  >\n                    {tr('common.cancel', 'Cancel')}\n                  </button>\n                  <button\n                    type=\"submit\"\n                    disabled={isSavingMetric}\n                    className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:opacity-60\"\n                  >\n                    {isSavingMetric\n                      ? tr('scorecard.savingMetric', 'Saving...')\n                      : isEditing\n                        ? tr('scorecard.updateMetric', 'Update Metric')\n                        : tr('scorecard.saveMetric', 'Save Metric')}\n                  </button>\n                </div>\n              </form>\n            </motion.div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    );\n  };\n\n  if (loading && !scorecard) {\n    return <LoadingState message={tr('scorecard.loading', 'Loading scorecard...')} />;\n  }\n\n  if (error && !scorecard) {\n    return (\n      <ErrorState\n        title={tr('scorecard.failedLoad', 'Failed to load scorecard')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  if (!scorecard || scorecard.metrics.length === 0) {\n    return (\n      <>\n        <ScorecardEmptyState\n          ownerType={ownerType}\n          ownerId={ownerId}\n          workspaceId={workspaceId}\n          applyingTemplateId={applyingTemplateId}\n          onApplyTemplate={handleApplyTemplate}\n          onAddManual={handleAddMetricClick}\n        />\n        {renderAddMetricDialog()}\n        {renderDeleteMetricDialog()}\n      </>\n    );\n  }\n\n  const overallScore = scorecard.overallScore ?? 0;\n  const scoreColor =\n    overallScore >= 80\n      ? 'text-status-success-text'\n      : overallScore >= 50\n        ? 'text-status-warning-text'\n        : 'text-status-error-text';\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Overall Score */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"flex items-center gap-1.5 text-sm font-medium text-text-secondary\">\n              {tr('scorecard.overallScore', 'Overall Score')}\n              <span title=\"Weighted average of each metric's score (0–100). Status is derived from value vs threshold.\">\n                <Info className=\"size-3.5 text-text-muted\" />\n              </span>\n            </p>\n            <p className={`text-4xl font-bold ${scoreColor}`}>\n              {overallScore}\n              <span className=\"text-lg text-text-muted\">/100</span>\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {scorecard.securityTier && <TierBadge tier={scorecard.securityTier} />}\n            <TrendingUp className={`size-6 ${scoreColor}`} />\n            <EntityShareButton\n              entity=\"scorecard\"\n              resource={{\n                id: scorecard.id,\n                // Scorecard has no display-name field; use its id as the title.\n                name: scorecard.id,\n                owner: { ownerId, ownerType },\n              }}\n              label={tr('scorecard.share', 'Share')}\n            />\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              className=\"rounded-md p-2 text-text-secondary transition-colors hover:bg-bg-sunken\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className=\"size-4\" />\n            </button>\n            {canCreateMetric && (\n              <button\n                type=\"button\"\n                onClick={handleAddMetricClick}\n                className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n              >\n                <Plus className=\"size-4\" />\n                {tr('scorecard.addMetric', 'Add Metric')}\n              </button>\n            )}\n          </div>\n        </div>\n      </Card>\n\n      {/* Metrics Grid */}\n      <MotionList stagger={0.04} className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {scorecard.metrics.map((metric: ScorecardMetric) => {\n          const config = statusConfig[metric.status] || statusConfig.UNKNOWN;\n          const StatusIcon = config.icon;\n          const value = metric.value ?? 0;\n          const threshold = metric.threshold ?? 100;\n          const percentage =\n            threshold > 0 ? Math.min(100, Math.max(0, (value / threshold) * 100)) : 0;\n          const isExpanded = expandedMetric === metric.id;\n          const showRemediation =\n            metric.remediation && (metric.status === 'WARNING' || metric.status === 'FAILING');\n\n          return (\n            <MotionItem key={metric.id}>\n              <Card hoverable padding=\"none\">\n                <div\n                  role=\"button\"\n                  tabIndex={0}\n                  onClick={() => setExpandedMetric(isExpanded ? null : metric.id)}\n                  onKeyDown={(event) => {\n                    if (event.target !== event.currentTarget) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      setExpandedMetric(isExpanded ? null : metric.id);\n                    }\n                  }}\n                  className=\"cursor-pointer rounded-lg p-4 focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  aria-expanded={isExpanded}\n                  aria-label={`${metric.name} metric details`}\n                >\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">\n                        {metric.name}\n                      </p>\n                      <p className=\"mt-0.5 flex items-center gap-1.5 text-xs text-text-muted\">\n                        <span>\n                          {metric.direction === 'LOWER_IS_BETTER'\n                            ? '↓ lower better'\n                            : '↑ higher better'}\n                        </span>\n                        {metric.weight && metric.weight !== 1 ? (\n                          <span>· ×{metric.weight}</span>\n                        ) : null}\n                        {metric.statusOverride ? <span>· pinned</span> : null}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-shrink-0 items-center gap-1\">\n                      {canUpdateMetric && (\n                        <button\n                          type=\"button\"\n                          onClick={(event) => handleEditMetricClick(event, metric)}\n                          className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                          aria-label={tr('scorecard.editMetric', 'Edit metric')}\n                          title={tr('scorecard.editMetric', 'Edit metric')}\n                        >\n                          <Pencil className=\"size-4\" />\n                        </button>\n                      )}\n                      {canDeleteMetric && (\n                        <button\n                          type=\"button\"\n                          onClick={(event) => handleRemoveMetricClick(event, metric)}\n                          className=\"rounded-md p-1 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text focus:outline-none focus:ring-2 focus:ring-status-error-text\"\n                          aria-label={tr('scorecard.removeMetric', 'Remove metric')}\n                          title={tr('scorecard.removeMetric', 'Remove metric')}\n                        >\n                          <Trash2 className=\"size-4\" />\n                        </button>\n                      )}\n                      <div\n                        className={`flex size-7 items-center justify-center rounded-full ${config.bg}`}\n                      >\n                        <StatusIcon className={`size-4 ${config.text}`} />\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Value and progress */}\n                  <div className=\"mt-3\">\n                    <div className=\"flex items-baseline justify-between\">\n                      <span className=\"text-lg font-bold text-text-primary\">\n                        {value}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                      <span className=\"text-xs text-text-muted\">\n                        / {threshold}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                    </div>\n                    <div className=\"mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                      <motion.div\n                        initial={{ width: 0 }}\n                        animate={{ width: `${percentage}%` }}\n                        transition={{ duration: 0.5, ease: 'easeOut' }}\n                        className={`h-full rounded-full ${config.bar}`}\n                      />\n                    </div>\n                  </div>\n\n                  {showRemediation && (\n                    <p className=\"mt-2 rounded-md border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1.5 text-xs text-status-warning-text\">\n                      {metric.remediation}\n                    </p>\n                  )}\n                </div>\n\n                {/* Expanded: trend + optional embed */}\n                <AnimatePresence>\n                  {isExpanded && (\n                    <motion.div\n                      initial={{ height: 0, opacity: 0 }}\n                      animate={{ height: 'auto', opacity: 1 }}\n                      exit={{ height: 0, opacity: 0 }}\n                      transition={{ duration: 0.2 }}\n                      className=\"overflow-hidden border-t border-border-default\"\n                    >\n                      <div className=\"px-4 py-3\">\n                        <MetricTrend metricId={metric.id} colorClass={config.text} />\n                      </div>\n                      {metric.iframeUrl && (\n                        <iframe\n                          src={metric.iframeUrl}\n                          className=\"w-full border-0\"\n                          style={{\n                            height: metric.iframeHeight ? `${metric.iframeHeight}px` : '200px',\n                          }}\n                          title={`${metric.name} embed`}\n                          sandbox=\"allow-scripts allow-same-origin\"\n                        />\n                      )}\n                    </motion.div>\n                  )}\n                </AnimatePresence>\n              </Card>\n            </MotionItem>\n          );\n        })}\n      </MotionList>\n\n      <ScorecardsOverviewPanel ownerType={ownerType} highlightOwnerId={ownerId} />\n\n      {renderAddMetricDialog()}\n      {renderDeleteMetricDialog()}\n    </div>\n  );\n};\n\nconst TIER_STYLE: Record<ScorecardTier, { label: string; cls: string }> = {\n  [ScorecardTier.Bronze]: {\n    label: 'Bronze',\n    cls: 'bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border',\n  },\n  [ScorecardTier.Silver]: {\n    label: 'Silver',\n    cls: 'bg-bg-sunken text-text-secondary border border-border-strong',\n  },\n  [ScorecardTier.Gold]: {\n    label: 'Gold',\n    cls: 'bg-status-success-bg-subtle text-status-success-text border border-status-success-border',\n  },\n};\n\n/**\n * TierBadge — shows the scorecard's derived production-readiness tier (Bronze/Silver/Gold).\n * The tier is computed server-side from the tier-tagged metrics; this is read-only.\n */\nconst TierBadge: FC<{ tier: ScorecardTier }> = ({ tier }) => {\n  const style = TIER_STYLE[tier];\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${style.cls}`}\n      title={`Security readiness tier: ${style.label}`}\n    >\n      <ShieldCheck className=\"size-3.5\" />\n      {style.label}\n    </span>\n  );\n};\n"],"mappings":"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"}

package/dist/components/sessions/SessionPublicLinkPanel.js

@@ -3,13 +3,15 @@ import { LoadingState as r } from "../shared/LoadingState.js";
 import { ErrorState as i } from "../shared/ErrorState.js";
 import { SessionSharePermission as a } from "../../generated/wspace-types.js";
 import "../shared/index.js";
-import { notify as o } from "../../lib/toast.js";
-import { useState as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Check as l, Copy as u, Eye as d, Keyboard as f, Link2 as p, Lock as m, Plus as h, Trash2 as g, X as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { VIBE_PERMISSIONS as o } from "../../constants/permissions.js";
+import { notify as s } from "../../lib/toast.js";
+import { useState as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Check as u, Copy as d, Eye as f, Keyboard as p, Link2 as m, Lock as h, Plus as g, Trash2 as _, X as v } from "lucide-react";
+import { usePermissions as y } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/sessions/SessionPublicLinkPanel.tsx
-var x = [
+var C = [
 	{
 		label: "1 hour",
 		hours: 1
@@ -26,195 +28,195 @@ var x = [
 		label: "No expiry",
 		hours: 0
 	}
-], S = ({ sessionId: S, sessionName: w, onClose: T }) => {
-	let { t: E } = c(), D = (e, t) => {
-		let n = E(e);
+], w = ({ sessionId: w, sessionName: E, onClose: D }) => {
+	let { t: O } = l(), k = (e, t) => {
+		let n = O(e);
 		return n === e ? t : n;
-	}, { data: O, loading: k, error: A, refetch: j } = t({
-		variables: { sessionId: S },
+	}, { hasPermission: A } = y(), j = A(o.SESSION_UPDATE), { data: M, loading: N, error: P, refetch: F } = t({
+		variables: { sessionId: w },
 		fetchPolicy: "cache-and-network"
-	}), [M, { loading: N }] = e(), [P] = n(), [F, I] = s(!1), [L, R] = s(4), [z, B] = s(""), [V, H] = s(""), [U, W] = s(null), G = O?.sessionShareLinks ?? [], K = G.filter((e) => e.status === "ACTIVE"), q = async (e, t) => {
+	}), [I, { loading: L }] = e(), [R] = n(), [z, B] = c(!1), [V, H] = c(4), [U, W] = c(""), [G, K] = c(""), [q, J] = c(null), Y = M?.sessionShareLinks ?? [], X = Y.filter((e) => e.status === "ACTIVE"), Z = async (e, t) => {
 		try {
-			await navigator.clipboard.writeText(e), W(t), o.success(D("sessLink.copied", "Link copied")), window.setTimeout(() => W(null), 1500);
+			await navigator.clipboard.writeText(e), J(t), s.success(k("sessLink.copied", "Link copied")), window.setTimeout(() => J(null), 1500);
 		} catch {
-			o.error(D("sessLink.copyFailed", "Could not copy — copy it manually"), e);
+			s.error(k("sessLink.copyFailed", "Could not copy — copy it manually"), e);
 		}
-	}, J = async (e) => {
+	}, Q = async (e) => {
 		e.preventDefault();
-		let t = V.trim() ? Number.parseInt(V.trim(), 10) : null;
+		let t = G.trim() ? Number.parseInt(G.trim(), 10) : null;
 		if (t !== null && (!Number.isFinite(t) || t < 1)) {
-			o.error(D("sessLink.badMax", "Max uses must be a positive number"));
+			s.error(k("sessLink.badMax", "Max uses must be a positive number"));
 			return;
 		}
 		try {
-			let e = await M({ variables: { input: {
-				sessionId: S,
-				permission: F ? a.Interact : a.View,
-				expiresInHours: L > 0 ? L : null,
-				password: z.trim() ? z.trim() : null,
+			let e = await I({ variables: { input: {
+				sessionId: w,
+				permission: z ? a.Interact : a.View,
+				expiresInHours: V > 0 ? V : null,
+				password: U.trim() ? U.trim() : null,
 				maxUses: t
 			} } });
-			await j();
+			await F();
 			let n = e.data?.createSessionShareLink.shareUrl;
-			n && await q(n, e.data?.createSessionShareLink.id ?? "new"), o.success(D("sessLink.created", "Share link created"), F ? D("sessLink.createdInteract", "Recipient can request keyboard control") : D("sessLink.createdView", "Recipient can watch the terminal (view-only)")), B(""), H("");
+			n && await Z(n, e.data?.createSessionShareLink.id ?? "new"), s.success(k("sessLink.created", "Share link created"), z ? k("sessLink.createdInteract", "Recipient can request keyboard control") : k("sessLink.createdView", "Recipient can watch the terminal (view-only)")), W(""), K("");
 		} catch (e) {
-			o.error(D("sessLink.createFailed", "Could not create link"), e.message);
+			s.error(k("sessLink.createFailed", "Could not create link"), e.message);
 		}
-	}, Y = async (e) => {
+	}, $ = async (e) => {
 		try {
-			await P({ variables: { id: e } }), await j(), o.success(D("sessLink.revoked", "Link revoked — it no longer works"));
+			await R({ variables: { id: e } }), await F(), s.success(k("sessLink.revoked", "Link revoked — it no longer works"));
 		} catch (e) {
-			o.error(D("sessLink.revokeFailed", "Could not revoke"), e.message);
+			s.error(k("sessLink.revokeFailed", "Could not revoke"), e.message);
 		}
 	};
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-		onClick: T,
-		children: /* @__PURE__ */ b("div", {
+		onClick: D,
+		children: /* @__PURE__ */ S("div", {
 			className: "w-full max-w-lg rounded-lg border border-border-default bg-bg-surface p-5 shadow-lg",
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "mb-4 flex items-start justify-between",
-					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h3", {
+					children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
 						className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-						children: [/* @__PURE__ */ y(p, { className: "size-5" }), D("sessLink.title", "Share link")]
-					}), /* @__PURE__ */ y("p", {
+						children: [/* @__PURE__ */ x(m, { className: "size-5" }), k("sessLink.title", "Share link")]
+					}), /* @__PURE__ */ x("p", {
 						className: "mt-0.5 text-sm text-text-secondary",
-						children: w
-					})] }), /* @__PURE__ */ y("button", {
+						children: E
+					})] }), /* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: T,
+						onClick: D,
 						className: "p-1 text-text-tertiary hover:text-text-primary",
-						"aria-label": D("common.close", "Close"),
-						children: /* @__PURE__ */ y(_, { className: "size-5" })
+						"aria-label": k("common.close", "Close"),
+						children: /* @__PURE__ */ x(v, { className: "size-5" })
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "mb-4 space-y-2",
-					children: k && G.length === 0 ? /* @__PURE__ */ y(r, {}) : A ? /* @__PURE__ */ y(i, {
-						message: A.message,
-						onRetry: () => void j()
-					}) : K.length === 0 ? /* @__PURE__ */ y("p", {
+					children: N && Y.length === 0 ? /* @__PURE__ */ x(r, {}) : P ? /* @__PURE__ */ x(i, {
+						message: P.message,
+						onRetry: () => void F()
+					}) : X.length === 0 ? /* @__PURE__ */ x("p", {
 						className: "text-sm text-text-secondary",
-						children: D("sessLink.none", "No share links yet. Create one below.")
-					}) : /* @__PURE__ */ y("ul", {
+						children: k("sessLink.none", "No share links yet. Create one below.")
+					}) : /* @__PURE__ */ x("ul", {
 						className: "space-y-2",
-						children: K.map((e) => /* @__PURE__ */ b("li", {
+						children: X.map((e) => /* @__PURE__ */ S("li", {
 							className: "flex items-center gap-2 rounded-md border border-border-default px-3 py-2",
 							children: [
-								/* @__PURE__ */ y(C, { children: e.permission === a.Interact ? /* @__PURE__ */ b(v, { children: [
-									/* @__PURE__ */ y(f, { className: "size-3" }),
+								/* @__PURE__ */ x(T, { children: e.permission === a.Interact ? /* @__PURE__ */ S(b, { children: [
+									/* @__PURE__ */ x(p, { className: "size-3" }),
 									" ",
-									D("sessLink.interact", "Interactive")
-								] }) : /* @__PURE__ */ b(v, { children: [
-									/* @__PURE__ */ y(d, { className: "size-3" }),
+									k("sessLink.interact", "Interactive")
+								] }) : /* @__PURE__ */ S(b, { children: [
+									/* @__PURE__ */ x(f, { className: "size-3" }),
 									" ",
-									D("sessLink.view", "View")
+									k("sessLink.view", "View")
 								] }) }),
-								e.hasPassword && /* @__PURE__ */ y(m, {
+								e.hasPassword && /* @__PURE__ */ x(h, {
 									className: "size-3.5 text-text-tertiary",
 									"aria-label": "password"
 								}),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ x("span", {
 									className: "flex-1 truncate font-mono text-xs text-text-secondary",
 									children: e.shareUrl
 								}),
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ S("span", {
 									className: "shrink-0 text-xs text-text-tertiary",
 									children: [
 										e.useCount,
 										e.maxUses ? `/${e.maxUses}` : "",
 										" ",
-										D("sessLink.uses", "uses")
+										k("sessLink.uses", "uses")
 									]
 								}),
-								/* @__PURE__ */ y("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => void q(e.shareUrl, e.id),
+									onClick: () => void Z(e.shareUrl, e.id),
 									className: "p-1 text-text-secondary hover:text-text-primary",
-									"aria-label": D("common.copy", "Copy"),
-									children: U === e.id ? /* @__PURE__ */ y(l, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ y(u, { className: "size-4" })
+									"aria-label": k("common.copy", "Copy"),
+									children: q === e.id ? /* @__PURE__ */ x(u, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ x(d, { className: "size-4" })
 								}),
-								/* @__PURE__ */ y("button", {
+								j && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => void Y(e.id),
+									onClick: () => void $(e.id),
 									className: "p-1 text-text-secondary hover:text-action-danger-text",
-									"aria-label": D("common.revoke", "Revoke"),
-									children: /* @__PURE__ */ y(g, { className: "size-4" })
+									"aria-label": k("common.revoke", "Revoke"),
+									children: /* @__PURE__ */ x(_, { className: "size-4" })
 								})
 							]
 						}, e.id))
 					})
 				}),
-				/* @__PURE__ */ b("form", {
-					onSubmit: (e) => void J(e),
+				j && /* @__PURE__ */ S("form", {
+					onSubmit: (e) => void Q(e),
 					className: "space-y-3 border-t border-border-default pt-4",
 					children: [
-						/* @__PURE__ */ b("label", {
+						/* @__PURE__ */ S("label", {
 							className: "flex cursor-pointer items-center gap-2 text-sm text-text-primary",
 							children: [
-								/* @__PURE__ */ y("input", {
+								/* @__PURE__ */ x("input", {
 									type: "checkbox",
-									checked: F,
-									onChange: (e) => I(e.target.checked),
+									checked: z,
+									onChange: (e) => B(e.target.checked),
 									className: "rounded border-border-default"
 								}),
-								/* @__PURE__ */ y(f, { className: "size-3.5" }),
-								D("sessLink.allowInteract", "Allow interactive control (recipient can request the keyboard)")
+								/* @__PURE__ */ x(p, { className: "size-3.5" }),
+								k("sessLink.allowInteract", "Allow interactive control (recipient can request the keyboard)")
 							]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-3 sm:flex-row",
-							children: [/* @__PURE__ */ b("label", {
+							children: [/* @__PURE__ */ S("label", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ x("span", {
 									className: "text-sm text-text-secondary",
-									children: D("sessLink.expiry", "Expires")
-								}), /* @__PURE__ */ y("select", {
-									value: L,
-									onChange: (e) => R(Number(e.target.value)),
+									children: k("sessLink.expiry", "Expires")
+								}), /* @__PURE__ */ x("select", {
+									value: V,
+									onChange: (e) => H(Number(e.target.value)),
 									className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: x.map((e) => /* @__PURE__ */ y("option", {
+									children: C.map((e) => /* @__PURE__ */ x("option", {
 										value: e.hours,
 										children: e.label
 									}, e.label))
 								})]
-							}), /* @__PURE__ */ b("label", {
+							}), /* @__PURE__ */ S("label", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ x("span", {
 									className: "text-sm text-text-secondary",
-									children: D("sessLink.maxUses", "Max uses (optional)")
-								}), /* @__PURE__ */ y("input", {
-									value: V,
-									onChange: (e) => H(e.target.value),
+									children: k("sessLink.maxUses", "Max uses (optional)")
+								}), /* @__PURE__ */ x("input", {
+									value: G,
+									onChange: (e) => K(e.target.value),
 									inputMode: "numeric",
-									placeholder: D("sessLink.unlimited", "unlimited"),
+									placeholder: k("sessLink.unlimited", "unlimited"),
 									className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("label", {
+						/* @__PURE__ */ S("label", {
 							className: "block",
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ x("span", {
 								className: "text-sm text-text-secondary",
-								children: D("sessLink.password", "Password (optional)")
-							}), /* @__PURE__ */ y("input", {
-								value: z,
-								onChange: (e) => B(e.target.value),
+								children: k("sessLink.password", "Password (optional)")
+							}), /* @__PURE__ */ x("input", {
+								value: U,
+								onChange: (e) => W(e.target.value),
 								type: "password",
 								autoComplete: "new-password",
-								placeholder: D("sessLink.noPassword", "no password"),
+								placeholder: k("sessLink.noPassword", "no password"),
 								className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary"
 							})]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex justify-end",
-							children: /* @__PURE__ */ b("button", {
+							children: /* @__PURE__ */ S("button", {
 								type: "submit",
-								disabled: N,
+								disabled: L,
 								className: "flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm text-action-primary-text hover:opacity-90 disabled:opacity-50",
-								children: [/* @__PURE__ */ y(h, { className: "size-4" }), D("sessLink.create", "Create share link")]
+								children: [/* @__PURE__ */ x(g, { className: "size-4" }), k("sessLink.create", "Create share link")]
 							})
 						})
 					]
@@ -222,11 +224,11 @@ var x = [
 			]
 		})
 	});
-}, C = ({ children: e }) => /* @__PURE__ */ y("span", {
+}, T = ({ children: e }) => /* @__PURE__ */ x("span", {
 	className: "inline-flex shrink-0 items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-primary",
 	children: e
 });
 //#endregion
-export { S as SessionPublicLinkPanel };
+export { w as SessionPublicLinkPanel };
 
 //# sourceMappingURL=SessionPublicLinkPanel.js.map