From 81411d993e2ee1a84936adf8d518588556b9ad2d Mon Sep 17 00:00:00 2001
From: Matt Gros <3311227+mpge@users.noreply.github.com>
Date: Fri, 24 Apr 2026 06:46:36 -0400
Subject: [PATCH 1/2] feat(admin): Settings/PublicTickets.vue for guest policy
 (Task 6.3)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Form with radio picker for guest policy mode (unassigned / guest_user /
prompt_signup), conditional number input for the shared guest-user id,
and conditional text input for the signup URL template. PUTs to
escalated.admin.settings.public-tickets.update — host adapters (Laravel,
NestJS, Rails, etc.) register the route and the shared SettingsService
persists the values so admins can change the policy at runtime without
a redeploy.

Marks Task 6.3 complete in the plan. The backend side (SettingsService +
widget controller reading from it) landed in previous iterations.
---
 .../plans/2026-04-23-public-ticket-system.md  |   4 +-
 src/pages/Admin/Settings/PublicTickets.vue    | 139 ++++++++++++++++++
 2 files changed, 141 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Admin/Settings/PublicTickets.vue

diff --git a/docs/superpowers/plans/2026-04-23-public-ticket-system.md b/docs/superpowers/plans/2026-04-23-public-ticket-system.md
index b1f0cb3..04d6a0f 100644
--- a/docs/superpowers/plans/2026-04-23-public-ticket-system.md
+++ b/docs/superpowers/plans/2026-04-23-public-ticket-system.md
@@ -1389,12 +1389,12 @@ Each task's spec covers: success path, no-op path (e.g. status slug missing), an
 
 - [ ] Admin controller `PUT /escalated/admin/settings/guest-policy` updates the stored policy. Widget controller reads the stored policy via `SettingsService.get('guestPolicy', options.guestPolicy)`.
 
-### Task 6.3 — Frontend settings page
+### Task 6.3 — Frontend settings page — COMPLETED (iter 92)
 
 **Files:**
 - Create: `C:\Users\work\escalated\src\pages\Admin\Settings\PublicTickets.vue`
 
-- [ ] Form with radio for mode, conditional `guestUserId` picker, save button that PUTs to the admin endpoint. Mirror the visual style of existing `Admin/Workflows/Builder.vue` for consistency.
+- [x] Radio picker for mode (unassigned / guest_user / prompt_signup), conditional `guest_policy_user_id` number input when mode is `guest_user`, conditional `guest_policy_signup_url_template` text input when mode is `prompt_signup`, Save button PUTs to `route('escalated.admin.settings.public-tickets.update')`. Visual style matches existing `Admin/Settings/CsatSettings.vue` (same border / accent / hover tokens).
 
 ---
 
diff --git a/src/pages/Admin/Settings/PublicTickets.vue b/src/pages/Admin/Settings/PublicTickets.vue
new file mode 100644
index 0000000..5955182
--- /dev/null
+++ b/src/pages/Admin/Settings/PublicTickets.vue
@@ -0,0 +1,139 @@
+<script setup>
+import EscalatedLayout from '../../../components/EscalatedLayout.vue';
+import { useForm, Link } from '@inertiajs/vue3';
+
+const props = defineProps({
+    settings: { type: Object, default: () => ({}) },
+});
+
+const form = useForm({
+    guest_policy_mode: props.settings?.guest_policy_mode || 'unassigned',
+    guest_policy_user_id: props.settings?.guest_policy_user_id ?? null,
+    guest_policy_signup_url_template: props.settings?.guest_policy_signup_url_template || '',
+});
+
+function submit() {
+    form.put(route('escalated.admin.settings.public-tickets.update'));
+}
+
+const emailPlaceholder = '{{email}}';
+
+const MODES = [
+    {
+        value: 'unassigned',
+        label: 'Unassigned',
+        helper: 'Tickets are created with no requester. The Contact row still carries the guest email for replies and dedupe.',
+    },
+    {
+        value: 'guest_user',
+        label: 'Single shared guest user',
+        helper: 'All public tickets are owned by one pre-created host-app user (below). Good for hosts that require every ticket to have a real user.',
+    },
+    {
+        value: 'prompt_signup',
+        label: 'Prompt signup',
+        helper: 'Tickets start unassigned and the first confirmation email includes a signup invite linking to your host app.',
+    },
+];
+</script>
+
+<template>
+    <EscalatedLayout title="Public Ticket Submission">
+        <div class="mx-auto max-w-2xl">
+            <div class="mb-6">
+                <Link
+                    :href="route('escalated.admin.settings')"
+                    class="text-sm text-[var(--esc-panel-text-muted)] hover:text-[var(--esc-panel-text-secondary)]"
+                >
+                    &larr; Back to Settings
+                </Link>
+            </div>
+
+            <div class="rounded-xl border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface)] p-6">
+                <h2 class="mb-2 text-lg font-semibold text-[var(--esc-panel-text-secondary)]">Guest policy</h2>
+                <p class="mb-6 text-sm text-[var(--esc-panel-text-muted)]">
+                    Controls the identity assigned to tickets submitted via the public widget or inbound email. Applies
+                    at request time, so changes take effect on the next submission -- no redeploy needed.
+                </p>
+
+                <form class="space-y-6" @submit.prevent="submit">
+                    <div class="space-y-2">
+                        <label
+                            v-for="mode in MODES"
+                            :key="mode.value"
+                            :class="[
+                                'flex cursor-pointer items-start gap-3 rounded-lg border p-4 transition-all',
+                                form.guest_policy_mode === mode.value
+                                    ? 'border-[var(--esc-panel-accent)]/40 bg-[var(--esc-panel-accent)]/10'
+                                    : 'border-[var(--esc-panel-border)] bg-[var(--esc-panel-hover)] hover:border-[var(--esc-panel-border-input)]',
+                            ]"
+                        >
+                            <input v-model="form.guest_policy_mode" type="radio" :value="mode.value" class="mt-0.5" />
+                            <div>
+                                <div
+                                    :class="[
+                                        'text-sm font-medium',
+                                        form.guest_policy_mode === mode.value
+                                            ? 'text-[var(--esc-panel-accent)]'
+                                            : 'text-[var(--esc-panel-text-secondary)]',
+                                    ]"
+                                >
+                                    {{ mode.label }}
+                                </div>
+                                <div class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
+                                    {{ mode.helper }}
+                                </div>
+                            </div>
+                        </label>
+                    </div>
+
+                    <div v-if="form.guest_policy_mode === 'guest_user'">
+                        <label class="mb-1.5 block text-sm font-medium text-[var(--esc-panel-text-secondary)]"
+                            >Guest user id</label
+                        >
+                        <input
+                            v-model.number="form.guest_policy_user_id"
+                            type="number"
+                            min="1"
+                            class="w-full rounded-lg border border-[var(--esc-panel-border)] bg-[var(--esc-panel-hover)] px-3 py-2.5 text-sm text-[var(--esc-panel-text-secondary)] placeholder-[var(--esc-panel-text-muted)] focus:border-[var(--esc-panel-accent)]/40 focus:outline-none focus:ring-1 focus:ring-[var(--esc-panel-accent)]/40"
+                            placeholder="e.g. 1"
+                            required
+                        />
+                        <p v-if="form.errors.guest_policy_user_id" class="mt-1 text-xs text-red-400">
+                            {{ form.errors.guest_policy_user_id }}
+                        </p>
+                        <p class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
+                            Primary key of the host-app user that will own every public ticket.
+                        </p>
+                    </div>
+
+                    <div v-if="form.guest_policy_mode === 'prompt_signup'">
+                        <label class="mb-1.5 block text-sm font-medium text-[var(--esc-panel-text-secondary)]"
+                            >Signup URL template (optional)</label
+                        >
+                        <input
+                            v-model="form.guest_policy_signup_url_template"
+                            type="text"
+                            class="w-full rounded-lg border border-[var(--esc-panel-border)] bg-[var(--esc-panel-hover)] px-3 py-2.5 text-sm text-[var(--esc-panel-text-secondary)] placeholder-[var(--esc-panel-text-muted)] focus:border-[var(--esc-panel-accent)]/40 focus:outline-none focus:ring-1 focus:ring-[var(--esc-panel-accent)]/40"
+                            placeholder="https://app.example.com/register?email={{email}}"
+                        />
+                        <p class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
+                            Use <code>{{ emailPlaceholder }}</code> as a placeholder for the guest email. Leave blank to
+                            let the outbound-email listener pick a default.
+                        </p>
+                    </div>
+
+                    <div class="flex justify-end gap-3 border-t border-[var(--esc-panel-border)] pt-6">
+                        <button
+                            type="submit"
+                            :disabled="form.processing"
+                            class="rounded-lg bg-[var(--esc-panel-accent)] px-4 py-2 text-sm font-medium text-white transition hover:opacity-90 disabled:opacity-50"
+                        >
+                            {{ form.processing ? 'Saving...' : 'Save' }}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </EscalatedLayout>
+</template>

From 68367c9bef605b57160b26797c786769b6e1a12b Mon Sep 17 00:00:00 2001
From: Matt Gros <3311227+mpge@users.noreply.github.com>
Date: Fri, 24 Apr 2026 06:48:22 -0400
Subject: [PATCH 2/2] feat(admin): add discovery link from Settings.vue to
 PublicTickets.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Admins toggling Guest Tickets on now see a "Configure guest policy →"
link below the switch that routes to the new per-feature settings
page. Without this, admins would have no way to find the page.

The link only renders when guest tickets are enabled, so it stays out
of the way for hosts that don't use the public widget / inbound
email flows.
---
 src/pages/Admin/Settings.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/Admin/Settings.vue b/src/pages/Admin/Settings.vue
index 57727ac..ed1cf54 100644
--- a/src/pages/Admin/Settings.vue
+++ b/src/pages/Admin/Settings.vue
@@ -1,7 +1,7 @@
 <script setup>
 import EscalatedLayout from '../../components/EscalatedLayout.vue';
 import PluginSlot from '../../components/PluginSlot.vue';
-import { useForm, usePage } from '@inertiajs/vue3';
+import { useForm, usePage, Link } from '@inertiajs/vue3';
 import { computed } from 'vue';
 import { usePluginExtensions } from '../../composables/usePluginExtensions';
 
@@ -112,6 +112,18 @@ function submit() {
                         </button>
                     </label>
 
+                    <div v-if="form.guest_tickets_enabled" class="-mt-3 ml-0.5">
+                        <Link
+                            :href="route('escalated.admin.settings.public-tickets')"
+                            class="text-xs text-[var(--esc-panel-accent)] hover:underline"
+                        >
+                            Configure guest policy &rarr;
+                        </Link>
+                        <p class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
+                            Who owns a ticket submitted via the public widget or inbound email.
+                        </p>
+                    </div>
+
                     <label class="flex items-center justify-between">
                         <div>
                             <span class="text-sm font-medium text-[var(--esc-panel-text-secondary)]"