@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/PolicyDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyDetailPage.js","names":[],"sources":["../../../src/botlit/pages/PolicyDetailPage.tsx"],"sourcesContent":["/**\n * Policy Detail Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { toast } from 'sonner';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { isNative, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport {\n  ArrowLeft,\n  Shield,\n  Settings,\n  Save,\n  AlertTriangle,\n  Wrench,\n  Database,\n  FileText,\n  DollarSign,\n  Clock,\n  Trash2,\n  Edit,\n  Power,\n} from 'lucide-react';\nimport { PageLayout } from '../components/PageLayout';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { EmptyState } from '../components/EmptyState';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { StatusBadge, Badge } from '../components/Badge';\nimport { usePolicy, useCreatePolicy, useUpdatePolicy, useDeletePolicy } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { toUnion } from '../utils/unions';\nimport type { PolicyType, Visibility } from '../types';\nimport {\n  A2A_TRUST_LEVELS,\n  CREATABLE_POLICY_TYPES,\n  EMPTY_POLICY_FORM,\n  TOOL_RISK_LEVELS,\n  buildPolicyConfig,\n  isCreatablePolicyType,\n  unenforcedConfigKeys,\n  type CreatablePolicyType,\n  type PolicyFormState,\n} from '../utils/policyConfig';\n\n/**\n * Policy types the UI can render; the column itself is a free-form String.\n * DATA and RETENTION have no runtime evaluator: existing rows still render,\n * but the editor only creates CREATABLE_POLICY_TYPES (BOFF-9683).\n */\nconst POLICY_TYPES: PolicyType[] = [\n  'CONTENT',\n  'TOOL',\n  'DATA',\n  'RESPONSE',\n  'BUDGET',\n  'RATE_LIMIT',\n  'RETENTION',\n];\n\nconst VISIBILITIES: Visibility[] = ['PRIVATE', 'WORKSPACE', 'PUBLIC'];\n\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm';\n\ninterface PolicyDetailPageProps {\n  isNew?: boolean;\n}\n\nconst PolicyTypeIcon: FC<{ type: PolicyType }> = ({ type }) => {\n  const icons: Record<PolicyType, React.ReactElement> = {\n    CONTENT: <AlertTriangle size={18} />,\n    TOOL: <Wrench size={18} />,\n    DATA: <Database size={18} />,\n    RESPONSE: <FileText size={18} />,\n    BUDGET: <DollarSign size={18} />,\n    RATE_LIMIT: <Clock size={18} />,\n    RETENTION: <Trash2 size={18} />,\n  };\n  return icons[type] || <Shield size={18} />;\n};\n\nconst PolicyTypeLabel: Record<PolicyType, string> = {\n  CONTENT: 'Content Policy',\n  TOOL: 'Tool Policy',\n  DATA: 'Data Policy',\n  RESPONSE: 'Response & Model Policy',\n  BUDGET: 'Budget Policy',\n  RATE_LIMIT: 'Rate Limit Policy',\n  RETENTION: 'Retention Policy',\n};\n\nexport const PolicyDetailPage: FC<PolicyDetailPageProps> = ({ isNew }) => {\n  const { policyId } = useParams();\n  const { navigateTo } = useBotlit();\n  const { data: policy, loading, refetch: refetchPolicy } = usePolicy(isNew ? undefined : policyId);\n  const { create: createPolicy, loading: createLoading } = useCreatePolicy();\n  const { update: updatePolicy, loading: updateLoading } = useUpdatePolicy();\n  const { remove: deletePolicy, loading: deleteLoading } = useDeletePolicy();\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const [formData, setFormData] = useState({\n    name: '',\n    description: '',\n    type: 'CONTENT' as CreatablePolicyType,\n    visibility: 'PRIVATE' as Visibility,\n  });\n\n  // Edit-form fields: name, description and visibility of an existing policy.\n  const [editData, setEditData] = useState({\n    name: '',\n    description: '',\n    visibility: 'PRIVATE' as Visibility,\n  });\n\n  // Type-specific config. Every field maps to a key the runtime enforces.\n  const [policyForm, setPolicyForm] = useState<PolicyFormState>(EMPTY_POLICY_FORM);\n  const [configError, setConfigError] = useState<string | null>(null);\n\n  const updateForm = <K extends keyof PolicyFormState>(\n    section: K,\n    patch: Partial<PolicyFormState[K]>\n  ) => {\n    setConfigError(null);\n    setPolicyForm((current) => ({ ...current, [section]: { ...current[section], ...patch } }));\n  };\n\n  // New policies start as drafts unless the author chooses to enforce them now.\n  const [activateOnCreate, setActivateOnCreate] = useState(false);\n\n  const handleCreate = async () => {\n    if (!formData.name) return;\n\n    const built = buildPolicyConfig(formData.type, policyForm);\n    if (!built.ok) {\n      setConfigError(built.error);\n      toast.error(built.error);\n      return;\n    }\n\n    try {\n      await createPolicy({\n        name: formData.name,\n        description: formData.description,\n        type: formData.type,\n        visibility: formData.visibility,\n        status: activateOnCreate ? 'ACTIVE' : 'DRAFT',\n        config: built.config as Record<string, unknown>,\n      });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to create policy');\n      return;\n    }\n    toast.success(`Policy \"${formData.name}\" created`);\n    navigateTo('policies');\n  };\n\n  const handleUpdate = async () => {\n    if (!policyId || !editData.name) return;\n    try {\n      await updatePolicy({\n        policyId,\n        input: {\n          name: editData.name,\n          description: editData.description,\n          visibility: editData.visibility,\n        },\n      });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to update policy');\n      return;\n    }\n    // The policy query is network-only local state, so re-read it to show the change.\n    await refetchPolicy();\n    toast.success('Policy updated');\n    setIsEditing(false);\n  };\n\n  const handleDelete = async () => {\n    if (!policyId) return;\n    try {\n      await deletePolicy(policyId);\n      if (isNative()) void nativeNotify('success');\n      navigateTo('policies');\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const isActive = policy?.status === 'ACTIVE';\n\n  const handleToggleActive = async () => {\n    if (!policyId) return;\n    const nextStatus = isActive ? 'DRAFT' : 'ACTIVE';\n    try {\n      await updatePolicy({ policyId, input: { status: nextStatus } });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to update policy');\n      return;\n    }\n    await refetchPolicy();\n    toast.success(\n      nextStatus === 'ACTIVE' ? 'Policy is now enforced' : 'Policy is no longer enforced'\n    );\n  };\n\n  const startEditing = () => {\n    if (!policy) return;\n    setEditData({\n      name: policy.name,\n      description: policy.description || '',\n      visibility: toUnion(policy.visibility, VISIBILITIES, 'PRIVATE'),\n    });\n    setIsEditing(true);\n  };\n\n  if (isNew) {\n    return (\n      <PageLayout\n        title=\"Create Policy\"\n        description=\"Define guardrails and constraints for your AI agents\"\n        actions={\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" onClick={() => navigateTo('policies')}>\n              Cancel\n            </Button>\n            <Button\n              leftIcon={<Save size={16} />}\n              onClick={handleCreate}\n              isLoading={createLoading}\n              disabled={!formData.name}\n            >\n              Create\n            </Button>\n          </div>\n        }\n      >\n        <div className=\"max-w-2xl space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <FormField label=\"Policy Name\" required>\n                <Input\n                  placeholder=\"e.g., Production Content Policy\"\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                />\n              </FormField>\n\n              <FormField label=\"Description\">\n                <Textarea\n                  placeholder=\"What does this policy enforce?\"\n                  value={formData.description}\n                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                  rows={3}\n                />\n              </FormField>\n\n              <div className=\"grid grid-cols-2 gap-4\">\n                <FormField label=\"Policy Type\" required>\n                  <select\n                    className={SELECT_CLASS}\n                    value={formData.type}\n                    onChange={(e) => {\n                      const next = e.target.value as PolicyType;\n                      if (!isCreatablePolicyType(next)) return;\n                      setConfigError(null);\n                      setFormData({ ...formData, type: next });\n                    }}\n                  >\n                    {CREATABLE_POLICY_TYPES.map((type) => (\n                      <option key={type} value={type}>\n                        {PolicyTypeLabel[type]}\n                      </option>\n                    ))}\n                  </select>\n                </FormField>\n\n                <FormField label=\"Visibility\">\n                  <select\n                    className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                    value={formData.visibility}\n                    onChange={(e) =>\n                      setFormData({ ...formData, visibility: e.target.value as Visibility })\n                    }\n                  >\n                    <option value=\"PRIVATE\">Private</option>\n                    <option value=\"WORKSPACE\">Workspace</option>\n                    <option value=\"PUBLIC\">Public</option>\n                  </select>\n                </FormField>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Policy-specific configuration: every field below is enforced at runtime. */}\n          {formData.type === 'CONTENT' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} />\n                  Content Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Checked against every message sent to an agent and every response it gives. A\n                  blocked message is refused; a blocked response is replaced with a refusal.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex items-start gap-2\">\n                  <input\n                    type=\"checkbox\"\n                    id=\"pii\"\n                    checked={policyForm.content.piiDetection}\n                    onChange={(e) => updateForm('content', { piiDetection: e.target.checked })}\n                    className=\"mt-1 h-4 w-4\"\n                  />\n                  <label htmlFor=\"pii\" className=\"text-sm\">\n                    <span className=\"font-medium\">PII Detection</span>\n                    <span className=\"block text-text-secondary\">\n                      Blocks text containing an email address, a US SSN or a card-number shaped\n                      digit run.\n                    </span>\n                  </label>\n                </div>\n\n                <FormField\n                  label=\"Blocked Keywords\"\n                  description=\"Comma-separated. Case-insensitive; any occurrence blocks the text.\"\n                >\n                  <Input\n                    placeholder=\"e.g., internal-only, project-x\"\n                    value={policyForm.content.blockedKeywords}\n                    onChange={(e) => updateForm('content', { blockedKeywords: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Blocked Patterns\"\n                  description=\"One regular expression per line, matched case-insensitively.\"\n                >\n                  <Textarea\n                    placeholder=\"e.g., \\bACME-\\d{6}\\b\"\n                    value={policyForm.content.blockedPatterns}\n                    onChange={(e) => updateForm('content', { blockedPatterns: e.target.value })}\n                    rows={3}\n                  />\n                </FormField>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'TOOL' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Wrench size={18} />\n                  Tool Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Applies to MCP tool calls made by agents and through Call Tool, and to agent\n                  delegation. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField\n                  label=\"Allowed Tools\"\n                  description=\"Comma-separated MCP tool names. End an entry with * to allow a prefix. Empty allows every tool.\"\n                >\n                  <Input\n                    placeholder=\"e.g., search, read_*\"\n                    value={policyForm.tool.allowedTools}\n                    onChange={(e) => updateForm('tool', { allowedTools: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Denied Tools\"\n                  description=\"Comma-separated MCP tool names that may never run. A deny always wins.\"\n                >\n                  <Input\n                    placeholder=\"e.g., delete_*, execute_code\"\n                    value={policyForm.tool.deniedTools}\n                    onChange={(e) => updateForm('tool', { deniedTools: e.target.value })}\n                  />\n                </FormField>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField label=\"Max Tool Risk Level\">\n                    <select\n                      className={SELECT_CLASS}\n                      value={policyForm.tool.maxToolRiskLevel}\n                      onChange={(e) =>\n                        updateForm('tool', {\n                          maxToolRiskLevel: e.target\n                            .value as PolicyFormState['tool']['maxToolRiskLevel'],\n                        })\n                      }\n                    >\n                      <option value=\"\">Any risk level</option>\n                      {TOOL_RISK_LEVELS.map((level) => (\n                        <option key={level} value={level}>\n                          Up to {level.toLowerCase()}\n                        </option>\n                      ))}\n                    </select>\n                  </FormField>\n                  <FormField\n                    label=\"Minimum A2A Trust Level\"\n                    description=\"For delegation to external registry agents.\"\n                  >\n                    <select\n                      className={SELECT_CLASS}\n                      value={policyForm.tool.a2aMinTrustLevel}\n                      onChange={(e) =>\n                        updateForm('tool', {\n                          a2aMinTrustLevel: e.target\n                            .value as PolicyFormState['tool']['a2aMinTrustLevel'],\n                        })\n                      }\n                    >\n                      <option value=\"\">Default (verified publisher)</option>\n                      {A2A_TRUST_LEVELS.map((level) => (\n                        <option key={level} value={level}>\n                          {level === 'VERIFIED_PUBLISHER'\n                            ? 'Verified publisher'\n                            : level.charAt(0) + level.slice(1).toLowerCase()}\n                        </option>\n                      ))}\n                    </select>\n                  </FormField>\n                </div>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField\n                    label=\"Max Tool Calls Per Execution\"\n                    description=\"Tool calls allowed in one agent turn.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.tool.maxCallsPerExecution}\n                      onChange={(e) => updateForm('tool', { maxCallsPerExecution: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField\n                    label=\"Tool Call Timeout (seconds)\"\n                    description=\"Can only shorten the platform's own timeout.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"Platform default\"\n                      value={policyForm.tool.timeoutSeconds}\n                      onChange={(e) => updateForm('tool', { timeoutSeconds: e.target.value })}\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'BUDGET' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <DollarSign size={18} />\n                  Budget Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Token budgets apply per agent. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField\n                    label=\"Max Tokens Per Day\"\n                    description=\"An agent that has used this many tokens today (UTC) is refused.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.budget.maxTokensPerDay}\n                      onChange={(e) => updateForm('budget', { maxTokensPerDay: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField\n                    label=\"Max Output Tokens Per Model Call\"\n                    description=\"Lowers the agent's own max-tokens setting when it is higher.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.budget.maxTokensPerExecution}\n                      onChange={(e) =>\n                        updateForm('budget', { maxTokensPerExecution: e.target.value })\n                      }\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'RATE_LIMIT' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Clock size={18} />\n                  Rate Limit Configuration\n                </CardTitle>\n                <CardDescription>\n                  Every limit is counted per agent. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n                  <FormField label=\"Requests / Minute\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.requestsPerMinute}\n                      onChange={(e) =>\n                        updateForm('rateLimit', { requestsPerMinute: e.target.value })\n                      }\n                    />\n                  </FormField>\n                  <FormField label=\"Requests / Hour\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.requestsPerHour}\n                      onChange={(e) => updateForm('rateLimit', { requestsPerHour: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField label=\"Tokens / Minute\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.tokensPerMinute}\n                      onChange={(e) => updateForm('rateLimit', { tokensPerMinute: e.target.value })}\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'RESPONSE' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <FileText size={18} />\n                  Model Usage Allowlist\n                </CardTitle>\n                <CardDescription>\n                  Agents in this workspace may only answer with models that match every active model\n                  policy. Leave both fields empty to allow all models.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField\n                  label=\"Allowed Models\"\n                  description=\"Comma-separated model IDs. End an entry with * to allow a prefix.\"\n                >\n                  <Input\n                    placeholder=\"e.g., gpt-4o-mini, anthropic.claude-*\"\n                    value={policyForm.response.allowedModels}\n                    onChange={(e) => updateForm('response', { allowedModels: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Allowed Providers\"\n                  description=\"Comma-separated provider types, e.g. OPENAI, ANTHROPIC, AWS_BEDROCK.\"\n                >\n                  <Input\n                    placeholder=\"e.g., AWS_BEDROCK, ANTHROPIC\"\n                    value={policyForm.response.allowedProviders}\n                    onChange={(e) => updateForm('response', { allowedProviders: e.target.value })}\n                  />\n                </FormField>\n              </CardContent>\n            </Card>\n          )}\n\n          {configError && (\n            <p className=\"text-sm text-status-error-text\" role=\"alert\">\n              {configError}\n            </p>\n          )}\n\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-start gap-2\">\n                <input\n                  type=\"checkbox\"\n                  id=\"activate-on-create\"\n                  checked={activateOnCreate}\n                  onChange={(e) => setActivateOnCreate(e.target.checked)}\n                  className=\"mt-1 h-4 w-4\"\n                />\n                <label htmlFor=\"activate-on-create\" className=\"text-sm\">\n                  <span className=\"font-medium\">Enforce immediately</span>\n                  <span className=\"block text-text-secondary\">\n                    Only active policies are enforced. Leave unchecked to save this policy as a\n                    draft and activate it later.\n                  </span>\n                </label>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Loading...\">\n        <div className=\"h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n      </PageLayout>\n    );\n  }\n\n  if (!policy) {\n    return (\n      <PageLayout title=\"Policy Not Found\">\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"Policy Not Found\"\n          description=\"This policy doesn't exist.\"\n          action={<Button onClick={() => navigateTo('policies')}>Back to Policies</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  const policyType = toUnion(policy.type, POLICY_TYPES, 'CONTENT');\n  const unenforced = unenforcedConfigKeys(policyType, policy.config);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('policies')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n            <PolicyTypeIcon type={policyType} />\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <span>{policy.name}</span>\n              <StatusBadge status={policy.status} />\n            </div>\n            <p className=\"text-sm font-normal text-text-secondary\">{policy.description}</p>\n          </div>\n        </div>\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          {isEditing ? (\n            <>\n              <Button variant=\"outline\" onClick={() => setIsEditing(false)}>\n                Cancel\n              </Button>\n              <Button\n                leftIcon={<Save size={16} />}\n                onClick={handleUpdate}\n                isLoading={updateLoading}\n                disabled={!editData.name}\n              >\n                Save Changes\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button\n                variant={isActive ? 'outline' : 'default'}\n                leftIcon={<Power size={16} />}\n                onClick={() => void handleToggleActive()}\n                isLoading={updateLoading}\n              >\n                {isActive ? 'Deactivate' : 'Activate'}\n              </Button>\n              <Button variant=\"outline\" leftIcon={<Edit size={16} />} onClick={startEditing}>\n                Edit\n              </Button>\n              {showDeleteConfirm ? (\n                <div className=\"flex gap-2\">\n                  <Button variant=\"outline\" size=\"sm\" onClick={() => setShowDeleteConfirm(false)}>\n                    Cancel\n                  </Button>\n                  <Button\n                    variant=\"destructive\"\n                    size=\"sm\"\n                    onClick={() => {\n                      nativeImpact('medium');\n                      void handleDelete();\n                    }}\n                    isLoading={deleteLoading}\n                  >\n                    Confirm Delete\n                  </Button>\n                </div>\n              ) : (\n                <Button\n                  variant=\"destructive\"\n                  leftIcon={<Trash2 size={16} />}\n                  onClick={() => setShowDeleteConfirm(true)}\n                >\n                  Delete\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Shield size={18} />}>\n          This is a single guardrail and its rules. Review and tune exactly what it enforces — what\n          content to block, which tools are allowed, the spend or rate limits it applies — then\n          attach it to the agents and bots that should obey it. Policies are how you keep agents\n          safe, compliant and within budget.\n        </PagePurpose>\n\n        {/* Edit Form */}\n        {isEditing && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Edit Policy</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <FormField label=\"Policy Name\" required>\n                <Input\n                  value={editData.name}\n                  onChange={(e) => setEditData({ ...editData, name: e.target.value })}\n                />\n              </FormField>\n              <FormField label=\"Description\">\n                <Textarea\n                  value={editData.description}\n                  onChange={(e) => setEditData({ ...editData, description: e.target.value })}\n                  rows={3}\n                />\n              </FormField>\n              <FormField label=\"Visibility\">\n                <select\n                  className={SELECT_CLASS}\n                  value={editData.visibility}\n                  onChange={(e) =>\n                    setEditData({ ...editData, visibility: e.target.value as Visibility })\n                  }\n                >\n                  <option value=\"PRIVATE\">Private</option>\n                  <option value=\"WORKSPACE\">Workspace</option>\n                  <option value=\"PUBLIC\">Public</option>\n                </select>\n              </FormField>\n              <p className=\"text-sm text-text-secondary\">\n                Note: Policy type and configuration cannot be changed after creation.\n              </p>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Overview */}\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n          <Card treatment=\"glass\" glow>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2\">\n                <PolicyTypeIcon type={policyType} />\n              </div>\n              <p className=\"text-lg font-bold\">{PolicyTypeLabel[policyType]}</p>\n              <p className=\"text-sm text-text-secondary\">Policy Type</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary capitalize\">\n                {policy.visibility.toLowerCase()}\n              </p>\n              <p className=\"text-sm text-text-secondary\">Visibility</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary\">{policy.revision}</p>\n              <p className=\"text-sm text-text-secondary\">Revision</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-lg font-bold text-text-primary\">\n                {formatRelativeTime(policy.updatedAt)}\n              </p>\n              <p className=\"text-sm text-text-secondary\">Last Updated</p>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Configuration */}\n        <Card>\n          <CardHeader>\n            <CardTitle>Configuration</CardTitle>\n            <CardDescription>Current policy configuration</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {unenforced === null ? (\n              <div\n                className=\"flex items-start gap-2 p-3 bg-status-warning-bg-subtle rounded-lg text-sm\"\n                data-testid=\"policy-not-enforced\"\n              >\n                <AlertTriangle size={16} className=\"mt-0.5 shrink-0 text-status-warning-text\" />\n                <p>\n                  {PolicyTypeLabel[policyType]} settings are not enforced at runtime. This policy is\n                  kept for reference only and does not restrict any agent.\n                </p>\n              </div>\n            ) : unenforced.length > 0 ? (\n              <div\n                className=\"flex items-start gap-2 p-3 bg-status-warning-bg-subtle rounded-lg text-sm\"\n                data-testid=\"policy-ignored-keys\"\n              >\n                <AlertTriangle size={16} className=\"mt-0.5 shrink-0 text-status-warning-text\" />\n                <p>\n                  These settings are not enforced at runtime and have no effect:{' '}\n                  <span className=\"font-mono\">{unenforced.join(', ')}</span>. Create a new policy to\n                  use the enforced settings.\n                </p>\n              </div>\n            ) : null}\n            <div className=\"p-4 bg-bg-sunken rounded-lg font-mono text-sm overflow-auto\">\n              <pre>{JSON.stringify(policy.config, null, 2)}</pre>\n            </div>\n          </CardContent>\n        </Card>\n\n        {/* Metadata */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Settings size={18} />\n              Metadata\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-sm\">\n              <div>\n                <p className=\"text-text-secondary\">Created</p>\n                <p className=\"font-medium\">{formatRelativeTime(policy.createdAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Updated</p>\n                <p className=\"font-medium\">{formatRelativeTime(policy.updatedAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Tags</p>\n                <div className=\"flex gap-1\">\n                  {policy.tags.length > 0 ? (\n                    policy.tags.map((tag: string) => (\n                      <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))\n                  ) : (\n                    <span className=\"text-text-secondary\">None</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PolicyDetailPage.js","names":[],"sources":["../../../src/botlit/pages/PolicyDetailPage.tsx"],"sourcesContent":["/**\n * Policy Detail Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { toast } from 'sonner';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { isNative, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport {\n  ArrowLeft,\n  Shield,\n  Settings,\n  Save,\n  AlertTriangle,\n  Wrench,\n  Database,\n  FileText,\n  DollarSign,\n  Clock,\n  Trash2,\n  Edit,\n  Power,\n} from 'lucide-react';\nimport { PageLayout } from '../components/PageLayout';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { EmptyState } from '../components/EmptyState';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { StatusBadge, Badge } from '../components/Badge';\nimport { usePolicy, useCreatePolicy, useUpdatePolicy, useDeletePolicy } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { toUnion } from '../utils/unions';\nimport type { PolicyType, Visibility } from '../types';\nimport {\n  A2A_TRUST_LEVELS,\n  CREATABLE_POLICY_TYPES,\n  EMPTY_POLICY_FORM,\n  TOOL_RISK_LEVELS,\n  buildPolicyConfig,\n  isCreatablePolicyType,\n  unenforcedConfigKeys,\n  type CreatablePolicyType,\n  type PolicyFormState,\n} from '../utils/policyConfig';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\n/**\n * Policy types the UI can render; the column itself is a free-form String.\n * DATA and RETENTION have no runtime evaluator: existing rows still render,\n * but the editor only creates CREATABLE_POLICY_TYPES (BOFF-9683).\n */\nconst POLICY_TYPES: PolicyType[] = [\n  'CONTENT',\n  'TOOL',\n  'DATA',\n  'RESPONSE',\n  'BUDGET',\n  'RATE_LIMIT',\n  'RETENTION',\n];\n\nconst VISIBILITIES: Visibility[] = ['PRIVATE', 'WORKSPACE', 'PUBLIC'];\n\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm';\n\ninterface PolicyDetailPageProps {\n  isNew?: boolean;\n}\n\nconst PolicyTypeIcon: FC<{ type: PolicyType }> = ({ type }) => {\n  const icons: Record<PolicyType, React.ReactElement> = {\n    CONTENT: <AlertTriangle size={18} />,\n    TOOL: <Wrench size={18} />,\n    DATA: <Database size={18} />,\n    RESPONSE: <FileText size={18} />,\n    BUDGET: <DollarSign size={18} />,\n    RATE_LIMIT: <Clock size={18} />,\n    RETENTION: <Trash2 size={18} />,\n  };\n  return icons[type] || <Shield size={18} />;\n};\n\nconst PolicyTypeLabel: Record<PolicyType, string> = {\n  CONTENT: 'Content Policy',\n  TOOL: 'Tool Policy',\n  DATA: 'Data Policy',\n  RESPONSE: 'Response & Model Policy',\n  BUDGET: 'Budget Policy',\n  RATE_LIMIT: 'Rate Limit Policy',\n  RETENTION: 'Retention Policy',\n};\n\nexport const PolicyDetailPage: FC<PolicyDetailPageProps> = ({ isNew }) => {\n  const { policyId } = useParams();\n  const { navigateTo } = useBotlit();\n  const { data: policy, loading, refetch: refetchPolicy } = usePolicy(isNew ? undefined : policyId);\n  const { create: createPolicy, loading: createLoading } = useCreatePolicy();\n  const { update: updatePolicy, loading: updateLoading } = useUpdatePolicy();\n  const { remove: deletePolicy, loading: deleteLoading } = useDeletePolicy();\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const [formData, setFormData] = useState({\n    name: '',\n    description: '',\n    type: 'CONTENT' as CreatablePolicyType,\n    visibility: 'PRIVATE' as Visibility,\n  });\n\n  // Edit-form fields: name, description and visibility of an existing policy.\n  const [editData, setEditData] = useState({\n    name: '',\n    description: '',\n    visibility: 'PRIVATE' as Visibility,\n  });\n\n  // Type-specific config. Every field maps to a key the runtime enforces.\n  const [policyForm, setPolicyForm] = useState<PolicyFormState>(EMPTY_POLICY_FORM);\n  const [configError, setConfigError] = useState<string | null>(null);\n\n  const updateForm = <K extends keyof PolicyFormState>(\n    section: K,\n    patch: Partial<PolicyFormState[K]>\n  ) => {\n    setConfigError(null);\n    setPolicyForm((current) => ({ ...current, [section]: { ...current[section], ...patch } }));\n  };\n\n  // New policies start as drafts unless the author chooses to enforce them now.\n  const [activateOnCreate, setActivateOnCreate] = useState(false);\n\n  const handleCreate = async () => {\n    if (!formData.name) return;\n\n    const built = buildPolicyConfig(formData.type, policyForm);\n    if (!built.ok) {\n      setConfigError(built.error);\n      toast.error(built.error);\n      return;\n    }\n\n    try {\n      await createPolicy({\n        name: formData.name,\n        description: formData.description,\n        type: formData.type,\n        visibility: formData.visibility,\n        status: activateOnCreate ? 'ACTIVE' : 'DRAFT',\n        config: built.config as Record<string, unknown>,\n      });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to create policy');\n      return;\n    }\n    toast.success(`Policy \"${formData.name}\" created`);\n    navigateTo('policies');\n  };\n\n  const handleUpdate = async () => {\n    if (!policyId || !editData.name) return;\n    try {\n      await updatePolicy({\n        policyId,\n        input: {\n          name: editData.name,\n          description: editData.description,\n          visibility: editData.visibility,\n        },\n      });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to update policy');\n      return;\n    }\n    // The policy query is network-only local state, so re-read it to show the change.\n    await refetchPolicy();\n    toast.success('Policy updated');\n    setIsEditing(false);\n  };\n\n  const handleDelete = async () => {\n    if (!policyId) return;\n    try {\n      await deletePolicy(policyId);\n      if (isNative()) void nativeNotify('success');\n      navigateTo('policies');\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const isActive = policy?.status === 'ACTIVE';\n\n  const handleToggleActive = async () => {\n    if (!policyId) return;\n    const nextStatus = isActive ? 'DRAFT' : 'ACTIVE';\n    try {\n      await updatePolicy({ policyId, input: { status: nextStatus } });\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to update policy');\n      return;\n    }\n    await refetchPolicy();\n    toast.success(\n      nextStatus === 'ACTIVE' ? 'Policy is now enforced' : 'Policy is no longer enforced'\n    );\n  };\n\n  const startEditing = () => {\n    if (!policy) return;\n    setEditData({\n      name: policy.name,\n      description: policy.description || '',\n      visibility: toUnion(policy.visibility, VISIBILITIES, 'PRIVATE'),\n    });\n    setIsEditing(true);\n  };\n\n  if (isNew) {\n    return (\n      <PageLayout\n        title=\"Create Policy\"\n        description=\"Define guardrails and constraints for your AI agents\"\n        actions={\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" onClick={() => navigateTo('policies')}>\n              Cancel\n            </Button>\n            <Button\n              leftIcon={<Save size={16} />}\n              onClick={handleCreate}\n              isLoading={createLoading}\n              disabled={!formData.name}\n            >\n              Create\n            </Button>\n          </div>\n        }\n      >\n        <div className=\"max-w-2xl space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <FormField label=\"Policy Name\" required>\n                <Input\n                  placeholder=\"e.g., Production Content Policy\"\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                />\n              </FormField>\n\n              <FormField label=\"Description\">\n                <Textarea\n                  placeholder=\"What does this policy enforce?\"\n                  value={formData.description}\n                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                  rows={3}\n                />\n              </FormField>\n\n              <div className=\"grid grid-cols-2 gap-4\">\n                <FormField label=\"Policy Type\" required>\n                  <select\n                    className={SELECT_CLASS}\n                    value={formData.type}\n                    onChange={(e) => {\n                      const next = e.target.value as PolicyType;\n                      if (!isCreatablePolicyType(next)) return;\n                      setConfigError(null);\n                      setFormData({ ...formData, type: next });\n                    }}\n                  >\n                    {CREATABLE_POLICY_TYPES.map((type) => (\n                      <option key={type} value={type}>\n                        {PolicyTypeLabel[type]}\n                      </option>\n                    ))}\n                  </select>\n                </FormField>\n\n                <FormField label=\"Visibility\">\n                  <select\n                    className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                    value={formData.visibility}\n                    onChange={(e) =>\n                      setFormData({ ...formData, visibility: e.target.value as Visibility })\n                    }\n                  >\n                    <option value=\"PRIVATE\">Private</option>\n                    <option value=\"WORKSPACE\">Workspace</option>\n                    <option value=\"PUBLIC\">Public</option>\n                  </select>\n                </FormField>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Policy-specific configuration: every field below is enforced at runtime. */}\n          {formData.type === 'CONTENT' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <AlertTriangle size={18} />\n                  Content Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Checked against every message sent to an agent and every response it gives. A\n                  blocked message is refused; a blocked response is replaced with a refusal.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex items-start gap-2\">\n                  <input\n                    type=\"checkbox\"\n                    id=\"pii\"\n                    checked={policyForm.content.piiDetection}\n                    onChange={(e) => updateForm('content', { piiDetection: e.target.checked })}\n                    className=\"mt-1 h-4 w-4\"\n                  />\n                  <label htmlFor=\"pii\" className=\"text-sm\">\n                    <span className=\"font-medium\">PII Detection</span>\n                    <span className=\"block text-text-secondary\">\n                      Blocks text containing an email address, a US SSN or a card-number shaped\n                      digit run.\n                    </span>\n                  </label>\n                </div>\n\n                <FormField\n                  label=\"Blocked Keywords\"\n                  description=\"Comma-separated. Case-insensitive; any occurrence blocks the text.\"\n                >\n                  <Input\n                    placeholder=\"e.g., internal-only, project-x\"\n                    value={policyForm.content.blockedKeywords}\n                    onChange={(e) => updateForm('content', { blockedKeywords: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Blocked Patterns\"\n                  description=\"One regular expression per line, matched case-insensitively.\"\n                >\n                  <Textarea\n                    placeholder=\"e.g., \\bACME-\\d{6}\\b\"\n                    value={policyForm.content.blockedPatterns}\n                    onChange={(e) => updateForm('content', { blockedPatterns: e.target.value })}\n                    rows={3}\n                  />\n                </FormField>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'TOOL' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Wrench size={18} />\n                  Tool Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Applies to MCP tool calls made by agents and through Call Tool, and to agent\n                  delegation. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField\n                  label=\"Allowed Tools\"\n                  description=\"Comma-separated MCP tool names. End an entry with * to allow a prefix. Empty allows every tool.\"\n                >\n                  <Input\n                    placeholder=\"e.g., search, read_*\"\n                    value={policyForm.tool.allowedTools}\n                    onChange={(e) => updateForm('tool', { allowedTools: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Denied Tools\"\n                  description=\"Comma-separated MCP tool names that may never run. A deny always wins.\"\n                >\n                  <Input\n                    placeholder=\"e.g., delete_*, execute_code\"\n                    value={policyForm.tool.deniedTools}\n                    onChange={(e) => updateForm('tool', { deniedTools: e.target.value })}\n                  />\n                </FormField>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField label=\"Max Tool Risk Level\">\n                    <select\n                      className={SELECT_CLASS}\n                      value={policyForm.tool.maxToolRiskLevel}\n                      onChange={(e) =>\n                        updateForm('tool', {\n                          maxToolRiskLevel: e.target\n                            .value as PolicyFormState['tool']['maxToolRiskLevel'],\n                        })\n                      }\n                    >\n                      <option value=\"\">Any risk level</option>\n                      {TOOL_RISK_LEVELS.map((level) => (\n                        <option key={level} value={level}>\n                          Up to {level.toLowerCase()}\n                        </option>\n                      ))}\n                    </select>\n                  </FormField>\n                  <FormField\n                    label=\"Minimum A2A Trust Level\"\n                    description=\"For delegation to external registry agents.\"\n                  >\n                    <select\n                      className={SELECT_CLASS}\n                      value={policyForm.tool.a2aMinTrustLevel}\n                      onChange={(e) =>\n                        updateForm('tool', {\n                          a2aMinTrustLevel: e.target\n                            .value as PolicyFormState['tool']['a2aMinTrustLevel'],\n                        })\n                      }\n                    >\n                      <option value=\"\">Default (verified publisher)</option>\n                      {A2A_TRUST_LEVELS.map((level) => (\n                        <option key={level} value={level}>\n                          {level === 'VERIFIED_PUBLISHER'\n                            ? 'Verified publisher'\n                            : level.charAt(0) + level.slice(1).toLowerCase()}\n                        </option>\n                      ))}\n                    </select>\n                  </FormField>\n                </div>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField\n                    label=\"Max Tool Calls Per Execution\"\n                    description=\"Tool calls allowed in one agent turn.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.tool.maxCallsPerExecution}\n                      onChange={(e) => updateForm('tool', { maxCallsPerExecution: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField\n                    label=\"Tool Call Timeout (seconds)\"\n                    description=\"Can only shorten the platform's own timeout.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"Platform default\"\n                      value={policyForm.tool.timeoutSeconds}\n                      onChange={(e) => updateForm('tool', { timeoutSeconds: e.target.value })}\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'BUDGET' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <DollarSign size={18} />\n                  Budget Policy Configuration\n                </CardTitle>\n                <CardDescription>\n                  Token budgets apply per agent. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <FormField\n                    label=\"Max Tokens Per Day\"\n                    description=\"An agent that has used this many tokens today (UTC) is refused.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.budget.maxTokensPerDay}\n                      onChange={(e) => updateForm('budget', { maxTokensPerDay: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField\n                    label=\"Max Output Tokens Per Model Call\"\n                    description=\"Lowers the agent's own max-tokens setting when it is higher.\"\n                  >\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.budget.maxTokensPerExecution}\n                      onChange={(e) =>\n                        updateForm('budget', { maxTokensPerExecution: e.target.value })\n                      }\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'RATE_LIMIT' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Clock size={18} />\n                  Rate Limit Configuration\n                </CardTitle>\n                <CardDescription>\n                  Every limit is counted per agent. Leave a field empty to not restrict it.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n                  <FormField label=\"Requests / Minute\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.requestsPerMinute}\n                      onChange={(e) =>\n                        updateForm('rateLimit', { requestsPerMinute: e.target.value })\n                      }\n                    />\n                  </FormField>\n                  <FormField label=\"Requests / Hour\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.requestsPerHour}\n                      onChange={(e) => updateForm('rateLimit', { requestsPerHour: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField label=\"Tokens / Minute\">\n                    <Input\n                      type=\"number\"\n                      min={1}\n                      placeholder=\"No limit\"\n                      value={policyForm.rateLimit.tokensPerMinute}\n                      onChange={(e) => updateForm('rateLimit', { tokensPerMinute: e.target.value })}\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {formData.type === 'RESPONSE' && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <FileText size={18} />\n                  Model Usage Allowlist\n                </CardTitle>\n                <CardDescription>\n                  Agents in this workspace may only answer with models that match every active model\n                  policy. Leave both fields empty to allow all models.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField\n                  label=\"Allowed Models\"\n                  description=\"Comma-separated model IDs. End an entry with * to allow a prefix.\"\n                >\n                  <Input\n                    placeholder=\"e.g., gpt-4o-mini, anthropic.claude-*\"\n                    value={policyForm.response.allowedModels}\n                    onChange={(e) => updateForm('response', { allowedModels: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField\n                  label=\"Allowed Providers\"\n                  description=\"Comma-separated provider types, e.g. OPENAI, ANTHROPIC, AWS_BEDROCK.\"\n                >\n                  <Input\n                    placeholder=\"e.g., AWS_BEDROCK, ANTHROPIC\"\n                    value={policyForm.response.allowedProviders}\n                    onChange={(e) => updateForm('response', { allowedProviders: e.target.value })}\n                  />\n                </FormField>\n              </CardContent>\n            </Card>\n          )}\n\n          {configError && (\n            <p className=\"text-sm text-status-error-text\" role=\"alert\">\n              {configError}\n            </p>\n          )}\n\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-start gap-2\">\n                <input\n                  type=\"checkbox\"\n                  id=\"activate-on-create\"\n                  checked={activateOnCreate}\n                  onChange={(e) => setActivateOnCreate(e.target.checked)}\n                  className=\"mt-1 h-4 w-4\"\n                />\n                <label htmlFor=\"activate-on-create\" className=\"text-sm\">\n                  <span className=\"font-medium\">Enforce immediately</span>\n                  <span className=\"block text-text-secondary\">\n                    Only active policies are enforced. Leave unchecked to save this policy as a\n                    draft and activate it later.\n                  </span>\n                </label>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Loading...\">\n        <div className=\"h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n      </PageLayout>\n    );\n  }\n\n  if (!policy) {\n    return (\n      <PageLayout title=\"Policy Not Found\">\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"Policy Not Found\"\n          description=\"This policy doesn't exist.\"\n          action={<Button onClick={() => navigateTo('policies')}>Back to Policies</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  const policyType = toUnion(policy.type, POLICY_TYPES, 'CONTENT');\n  const unenforced = unenforcedConfigKeys(policyType, policy.config);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('policies')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n            <PolicyTypeIcon type={policyType} />\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <span>{policy.name}</span>\n              <StatusBadge status={policy.status} />\n            </div>\n            <p className=\"text-sm font-normal text-text-secondary\">{policy.description}</p>\n          </div>\n        </div>\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          {isEditing ? (\n            <>\n              <Button variant=\"outline\" onClick={() => setIsEditing(false)}>\n                Cancel\n              </Button>\n              <Button\n                leftIcon={<Save size={16} />}\n                onClick={handleUpdate}\n                isLoading={updateLoading}\n                disabled={!editData.name}\n              >\n                Save Changes\n              </Button>\n            </>\n          ) : (\n            <>\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.POLICY_UPDATE}>\n                <Button\n                  variant={isActive ? 'outline' : 'default'}\n                  leftIcon={<Power size={16} />}\n                  onClick={() => void handleToggleActive()}\n                  isLoading={updateLoading}\n                >\n                  {isActive ? 'Deactivate' : 'Activate'}\n                </Button>\n              </BotmanorPermissionGate>\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.POLICY_UPDATE}>\n                <Button variant=\"outline\" leftIcon={<Edit size={16} />} onClick={startEditing}>\n                  Edit\n                </Button>\n              </BotmanorPermissionGate>\n              {showDeleteConfirm ? (\n                <div className=\"flex gap-2\">\n                  <Button variant=\"outline\" size=\"sm\" onClick={() => setShowDeleteConfirm(false)}>\n                    Cancel\n                  </Button>\n                  <Button\n                    variant=\"destructive\"\n                    size=\"sm\"\n                    onClick={() => {\n                      nativeImpact('medium');\n                      void handleDelete();\n                    }}\n                    isLoading={deleteLoading}\n                  >\n                    Confirm Delete\n                  </Button>\n                </div>\n              ) : (\n                <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.POLICY_DELETE}>\n                  <Button\n                    variant=\"destructive\"\n                    leftIcon={<Trash2 size={16} />}\n                    onClick={() => setShowDeleteConfirm(true)}\n                  >\n                    Delete\n                  </Button>\n                </BotmanorPermissionGate>\n              )}\n            </>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Shield size={18} />}>\n          This is a single guardrail and its rules. Review and tune exactly what it enforces — what\n          content to block, which tools are allowed, the spend or rate limits it applies — then\n          attach it to the agents and bots that should obey it. Policies are how you keep agents\n          safe, compliant and within budget.\n        </PagePurpose>\n\n        {/* Edit Form */}\n        {isEditing && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Edit Policy</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <FormField label=\"Policy Name\" required>\n                <Input\n                  value={editData.name}\n                  onChange={(e) => setEditData({ ...editData, name: e.target.value })}\n                />\n              </FormField>\n              <FormField label=\"Description\">\n                <Textarea\n                  value={editData.description}\n                  onChange={(e) => setEditData({ ...editData, description: e.target.value })}\n                  rows={3}\n                />\n              </FormField>\n              <FormField label=\"Visibility\">\n                <select\n                  className={SELECT_CLASS}\n                  value={editData.visibility}\n                  onChange={(e) =>\n                    setEditData({ ...editData, visibility: e.target.value as Visibility })\n                  }\n                >\n                  <option value=\"PRIVATE\">Private</option>\n                  <option value=\"WORKSPACE\">Workspace</option>\n                  <option value=\"PUBLIC\">Public</option>\n                </select>\n              </FormField>\n              <p className=\"text-sm text-text-secondary\">\n                Note: Policy type and configuration cannot be changed after creation.\n              </p>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Overview */}\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n          <Card treatment=\"glass\" glow>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2\">\n                <PolicyTypeIcon type={policyType} />\n              </div>\n              <p className=\"text-lg font-bold\">{PolicyTypeLabel[policyType]}</p>\n              <p className=\"text-sm text-text-secondary\">Policy Type</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary capitalize\">\n                {policy.visibility.toLowerCase()}\n              </p>\n              <p className=\"text-sm text-text-secondary\">Visibility</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary\">{policy.revision}</p>\n              <p className=\"text-sm text-text-secondary\">Revision</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-lg font-bold text-text-primary\">\n                {formatRelativeTime(policy.updatedAt)}\n              </p>\n              <p className=\"text-sm text-text-secondary\">Last Updated</p>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Configuration */}\n        <Card>\n          <CardHeader>\n            <CardTitle>Configuration</CardTitle>\n            <CardDescription>Current policy configuration</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {unenforced === null ? (\n              <div\n                className=\"flex items-start gap-2 p-3 bg-status-warning-bg-subtle rounded-lg text-sm\"\n                data-testid=\"policy-not-enforced\"\n              >\n                <AlertTriangle size={16} className=\"mt-0.5 shrink-0 text-status-warning-text\" />\n                <p>\n                  {PolicyTypeLabel[policyType]} settings are not enforced at runtime. This policy is\n                  kept for reference only and does not restrict any agent.\n                </p>\n              </div>\n            ) : unenforced.length > 0 ? (\n              <div\n                className=\"flex items-start gap-2 p-3 bg-status-warning-bg-subtle rounded-lg text-sm\"\n                data-testid=\"policy-ignored-keys\"\n              >\n                <AlertTriangle size={16} className=\"mt-0.5 shrink-0 text-status-warning-text\" />\n                <p>\n                  These settings are not enforced at runtime and have no effect:{' '}\n                  <span className=\"font-mono\">{unenforced.join(', ')}</span>. Create a new policy to\n                  use the enforced settings.\n                </p>\n              </div>\n            ) : null}\n            <div className=\"p-4 bg-bg-sunken rounded-lg font-mono text-sm overflow-auto\">\n              <pre>{JSON.stringify(policy.config, null, 2)}</pre>\n            </div>\n          </CardContent>\n        </Card>\n\n        {/* Metadata */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Settings size={18} />\n              Metadata\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-sm\">\n              <div>\n                <p className=\"text-text-secondary\">Created</p>\n                <p className=\"font-medium\">{formatRelativeTime(policy.createdAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Updated</p>\n                <p className=\"font-medium\">{formatRelativeTime(policy.updatedAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Tags</p>\n                <div className=\"flex gap-1\">\n                  {policy.tags.length > 0 ? (\n                    policy.tags.map((tag: string) => (\n                      <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))\n                  ) : (\n                    <span className=\"text-text-secondary\">None</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/PromptStudioPage.js

@@ -1,21 +1,24 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { formatRelativeTime as t } from "../utils/formatters.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
-import { Button as c } from "../components/Button.js";
-import { Badge as l } from "../components/Badge.js";
-import { EmptyState as u } from "../components/EmptyState.js";
-import { FormField as d, Input as f, Textarea as p } from "../components/Input.js";
-import { ErrorState as m } from "../components/ErrorState.js";
-import { promptTemplateVariables as h, usePromptTemplates as g, useRenderPromptTemplate as _ } from "../hooks/usePromptTemplates.js";
+import { BOTMANOR_PERMISSIONS as n } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as r } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { Button as a } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Badge as d } from "../components/Badge.js";
+import { EmptyState as f } from "../components/EmptyState.js";
+import { FormField as p, Input as m, Textarea as h } from "../components/Input.js";
+import { ErrorState as g } from "../components/ErrorState.js";
+import { promptTemplateVariables as _, usePromptTemplates as v, useRenderPromptTemplate as y } from "../hooks/usePromptTemplates.js";
 import "../hooks/index.js";
-import { useEffect as v, useMemo as y, useState as b } from "react";
-import { GlassCard as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Play as T, Plus as E, Tag as D } from "lucide-react";
-import { toast as O } from "sonner";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Play as D, Plus as O, Tag as k } from "lucide-react";
+import { toast as A } from "sonner";
 //#region src/botlit/pages/PromptStudioPage.tsx
-function k(e) {
+function j(e) {
 	if (!e || typeof e != "object" || Array.isArray(e)) return null;
 	let t = e, n = typeof t.name == "string" ? t.name : void 0;
 	return n ? {
@@ -26,88 +29,91 @@ function k(e) {
 		defaultValue: t.defaultValue
 	} : null;
 }
-function A(e) {
-	return e ? h(e).map(k).filter((e) => e !== null) : [];
+function M(e) {
+	return e ? _(e).map(j).filter((e) => e !== null) : [];
 }
-var j = () => {
-	let { navigateTo: h } = e(), { data: k, loading: j, error: M, refetch: N } = g(), { render: P, loading: F } = _(), [I, L] = b(null), [R, z] = b({}), [B, V] = b("");
-	v(() => {
-		!I && k.length > 0 && L(k[0].id);
-	}, [k, I]);
-	let H = y(() => k.find((e) => e.id === I), [k, I]), U = y(() => A(H), [H]), W = async () => {
-		if (H) try {
-			V(await P({
-				templateId: H.id,
-				variables: R
+var N = () => {
+	let { navigateTo: _ } = e(), { data: j, loading: N, error: P, refetch: F } = v(), { render: I, loading: L } = y(), [R, z] = S(null), [B, V] = S({}), [H, U] = S("");
+	b(() => {
+		!R && j.length > 0 && z(j[0].id);
+	}, [j, R]);
+	let W = x(() => j.find((e) => e.id === R), [j, R]), G = x(() => M(W), [W]), K = async () => {
+		if (W) try {
+			U(await I({
+				templateId: W.id,
+				variables: B
 			}));
 		} catch (e) {
-			O.error(e instanceof Error ? e.message : "Failed to render prompt");
+			A.error(e instanceof Error ? e.message : "Failed to render prompt");
 		}
 	};
-	return /* @__PURE__ */ C(n, {
+	return /* @__PURE__ */ T(i, {
 		title: "Prompt Studio",
 		description: "Create, test, and manage prompts for your AI agents",
-		actions: /* @__PURE__ */ C(c, {
-			leftIcon: /* @__PURE__ */ C(E, { size: 16 }),
-			onClick: () => h("prompt-templates/new"),
-			children: "New Prompt"
+		actions: /* @__PURE__ */ T(r, {
+			permission: n.PROMPT_TEMPLATE_CREATE,
+			children: /* @__PURE__ */ T(a, {
+				leftIcon: /* @__PURE__ */ T(O, { size: 16 }),
+				onClick: () => _("prompt-templates/new"),
+				children: "New Prompt"
+			})
 		}),
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ C(S, {
-				icon: /* @__PURE__ */ C(T, { size: 18 }),
+			children: [/* @__PURE__ */ T(w, {
+				icon: /* @__PURE__ */ T(D, { size: 18 }),
 				children: "Prompt Studio is your interactive workbench for writing and testing prompts before they go live. Pick a prompt, edit its text and variables on the left, then fill in sample values and hit Run Test to preview exactly what the agent will receive — so you can iterate on wording and catch mistakes here instead of in production."
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "grid grid-cols-12 gap-6",
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "col-span-3",
-						children: /* @__PURE__ */ w(r, { children: [/* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(s, {
+						children: /* @__PURE__ */ E(o, { children: [/* @__PURE__ */ T(l, { children: /* @__PURE__ */ T(u, {
 							className: "text-base",
 							children: "Prompts"
-						}) }), /* @__PURE__ */ C(i, {
+						}) }), /* @__PURE__ */ T(s, {
 							className: "p-0",
-							children: j ? /* @__PURE__ */ C("div", {
+							children: N ? /* @__PURE__ */ T("div", {
 								className: "space-y-2 p-4",
 								children: [
 									1,
 									2,
 									3
-								].map((e) => /* @__PURE__ */ C("div", { className: "h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
-							}) : M ? /* @__PURE__ */ C(m, {
+								].map((e) => /* @__PURE__ */ T("div", { className: "h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
+							}) : P ? /* @__PURE__ */ T(g, {
 								resource: "prompt templates",
-								error: M,
-								onRetry: () => void N(),
+								error: P,
+								onRetry: () => void F(),
 								className: "m-4"
-							}) : k.length === 0 ? /* @__PURE__ */ C("p", {
+							}) : j.length === 0 ? /* @__PURE__ */ T("p", {
 								className: "p-4 text-sm text-text-secondary",
 								children: "No prompt templates yet. Create one to start iterating."
-							}) : /* @__PURE__ */ C("div", {
+							}) : /* @__PURE__ */ T("div", {
 								className: "divide-y divide-border-subtle",
-								children: k.map((e) => /* @__PURE__ */ w("button", {
+								children: j.map((e) => /* @__PURE__ */ E("button", {
 									type: "button",
-									className: `w-full text-left p-4 hover:bg-accent transition-colors ${H?.id === e.id ? "bg-accent" : ""}`,
+									className: `w-full text-left p-4 hover:bg-accent transition-colors ${W?.id === e.id ? "bg-accent" : ""}`,
 									onClick: () => {
-										L(e.id), z({}), V("");
+										z(e.id), V({}), U("");
 									},
 									children: [
-										/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ T("p", {
 											className: "font-medium truncate",
 											children: e.name
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary mt-1 truncate",
 											children: ["v", e.version]
 										}),
-										/* @__PURE__ */ w("div", {
+										/* @__PURE__ */ E("div", {
 											className: "flex items-center gap-2 mt-2",
-											children: [e.visibility === "PUBLIC" && /* @__PURE__ */ C(l, {
+											children: [e.visibility === "PUBLIC" && /* @__PURE__ */ T(d, {
 												variant: "secondary",
 												className: "text-[10px]",
 												children: "Public"
-											}), /* @__PURE__ */ w("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "text-xs text-text-secondary",
-												children: [A(e).length, " vars"]
+												children: [M(e).length, " vars"]
 											})]
 										})
 									]
@@ -115,112 +121,115 @@ var j = () => {
 							})
 						})] })
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "col-span-6",
-						children: H ? /* @__PURE__ */ w(x, {
+						children: W ? /* @__PURE__ */ E(C, {
 							treatment: "glass",
 							glow: !0,
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ w(o, {
+							children: [/* @__PURE__ */ E(l, {
 								className: "flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(s, { children: H.name }), /* @__PURE__ */ C(a, { children: H.description })] }), /* @__PURE__ */ C(c, {
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(u, { children: W.name }), /* @__PURE__ */ T(c, { children: W.description })] }), /* @__PURE__ */ T(a, {
 									size: "sm",
 									variant: "outline",
-									onClick: () => h(`prompt-templates/${H.id}`),
+									onClick: () => _(`prompt-templates/${W.id}`),
 									children: "Open template"
 								})]
-							}), /* @__PURE__ */ w(i, {
+							}), /* @__PURE__ */ E(s, {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C(D, {
+										children: [/* @__PURE__ */ T(k, {
 											size: 14,
 											className: "text-text-secondary"
-										}), H.tags.map((e) => /* @__PURE__ */ C(l, {
+										}), W.tags.map((e) => /* @__PURE__ */ T(d, {
 											variant: "secondary",
 											children: e
 										}, e))]
 									}),
-									/* @__PURE__ */ C(d, {
+									/* @__PURE__ */ T(p, {
 										label: "Prompt Content",
-										children: /* @__PURE__ */ C(p, {
-											value: H.templateText,
+										children: /* @__PURE__ */ T(h, {
+											value: W.templateText,
 											rows: 15,
 											readOnly: !0,
 											className: "font-mono text-sm"
 										})
 									}),
-									U.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									G.length > 0 && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm font-medium mb-2",
 										children: "Variables"
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ T("div", {
 										className: "space-y-2",
-										children: U.map((e) => /* @__PURE__ */ w("div", {
+										children: G.map((e) => /* @__PURE__ */ E("div", {
 											className: "flex items-center gap-4 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ w("div", {
+											children: [/* @__PURE__ */ E("div", {
 												className: "flex-1",
-												children: [/* @__PURE__ */ w("p", {
+												children: [/* @__PURE__ */ E("p", {
 													className: "font-medium text-sm",
-													children: [`{{${e.name}}}`, e.required && /* @__PURE__ */ C("span", {
+													children: [`{{${e.name}}}`, e.required && /* @__PURE__ */ T("span", {
 														className: "text-status-error-text ml-1",
 														children: "*"
 													})]
-												}), e.description && /* @__PURE__ */ C("p", {
+												}), e.description && /* @__PURE__ */ T("p", {
 													className: "text-xs text-text-secondary",
 													children: e.description
 												})]
-											}), /* @__PURE__ */ C(l, {
+											}), /* @__PURE__ */ T(d, {
 												variant: "outline",
 												className: "capitalize",
 												children: e.type
 											})]
 										}, e.name))
 									})] }),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "pt-4 text-xs text-text-secondary",
-										children: ["Updated ", t(H.updatedAt)]
+										children: ["Updated ", t(W.updatedAt)]
 									})
 								]
 							})]
-						}) : /* @__PURE__ */ C(u, {
+						}) : /* @__PURE__ */ T(f, {
 							illustration: "onboarding",
 							title: "Select a prompt",
 							description: "Choose a prompt from the list to view and edit"
 						})
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "col-span-3",
-						children: /* @__PURE__ */ w(r, { children: [/* @__PURE__ */ C(o, { children: /* @__PURE__ */ w(s, {
+						children: /* @__PURE__ */ E(o, { children: [/* @__PURE__ */ T(l, { children: /* @__PURE__ */ E(u, {
 							className: "text-base flex items-center gap-2",
-							children: [/* @__PURE__ */ C(T, { size: 16 }), "Test Prompt"]
-						}) }), /* @__PURE__ */ w(i, {
+							children: [/* @__PURE__ */ T(D, { size: 16 }), "Test Prompt"]
+						}) }), /* @__PURE__ */ E(s, {
 							className: "space-y-4",
 							children: [
-								U.map((e) => /* @__PURE__ */ C(d, {
+								G.map((e) => /* @__PURE__ */ T(p, {
 									label: e.name,
-									children: /* @__PURE__ */ C(f, {
+									children: /* @__PURE__ */ T(m, {
 										placeholder: e.description || `Enter ${e.name}`,
-										value: R[e.name] || "",
-										onChange: (t) => z({
-											...R,
+										value: B[e.name] || "",
+										onChange: (t) => V({
+											...B,
 											[e.name]: t.target.value
 										})
 									})
 								}, e.name)),
-								/* @__PURE__ */ C(c, {
-									className: "w-full",
-									onClick: () => void W(),
-									isLoading: F,
-									disabled: !H,
-									children: "Run Test"
+								/* @__PURE__ */ T(r, {
+									permission: n.PROMPT_TEMPLATE_EXECUTE,
+									children: /* @__PURE__ */ T(a, {
+										className: "w-full",
+										onClick: () => void K(),
+										isLoading: L,
+										disabled: !W,
+										children: "Run Test"
+									})
 								}),
-								B && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								H && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm font-medium mb-2",
 									children: "Output"
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "p-3 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono max-h-64 overflow-auto",
-									children: B
+									children: H
 								})] })
 							]
 						})] })
@@ -231,6 +240,6 @@ var j = () => {
 	});
 };
 //#endregion
-export { j as PromptStudioPage };
+export { N as PromptStudioPage };
 
 //# sourceMappingURL=PromptStudioPage.js.map