fix(l1): actually wire Tasks 14-15 (prior commit ad9c4c8 was committed broken)
ad9c4c8 committed with TSC_EXIT=2 (I batched the commit with its own failing
verification). Two regressions, now fixed and tsc -b + eslint verified (TSC=0,
ESLINT=0):
- L1WalkTreeVariant.tsx: the ai_build JSX branch referenced isAiBuild/node/
nodeLoading/nodeError/advanceNode/isTerminalNode that were never declared (the
import + state Edits had silently failed). Add the import (useEffect/useCallback,
TreeNode) and the state/effect/advanceNode/isTerminalNode block.
- L1Dashboard.tsx: had reverted to the original (no dispatch). Re-add outcome
dispatch as minimal edits on the real page (matched/build->walker; suggest->
use-flow/build-new; out_of_scope->escalate-without-walk).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>This commit is contained in:
@@ -6,7 +6,7 @@ import { l1Api } from '@/api/l1'
|
||||
import { toast } from '@/lib/toast'
|
||||
import { EmptyStateCard } from '@/components/l1/EmptyStateCard'
|
||||
import { ResumeInProgress } from '@/components/l1/ResumeInProgress'
|
||||
import type { QueueRow } from '@/types/l1'
|
||||
import type { NearMiss, QueueRow } from '@/types/l1'
|
||||
|
||||
export default function L1Dashboard() {
|
||||
const user = useAuthStore((s) => s.user)
|
||||
@@ -17,6 +17,8 @@ export default function L1Dashboard() {
|
||||
const [submitting, setSubmitting] = useState(false)
|
||||
const [queue, setQueue] = useState<QueueRow[]>([])
|
||||
const [isEmpty, setIsEmpty] = useState(false)
|
||||
const [suggestion, setSuggestion] = useState<NearMiss | null>(null)
|
||||
const [outOfScope, setOutOfScope] = useState<string | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
l1Api.queue('open').then(setQueue).catch(() => setQueue([]))
|
||||
@@ -37,8 +39,42 @@ export default function L1Dashboard() {
|
||||
}
|
||||
}, [queue])
|
||||
|
||||
const resetPrompts = () => {
|
||||
setSuggestion(null)
|
||||
setOutOfScope(null)
|
||||
}
|
||||
|
||||
const handleStart = async () => {
|
||||
if (!problem.trim()) return
|
||||
setSubmitting(true)
|
||||
resetPrompts()
|
||||
try {
|
||||
// Phase 2A: intake dispatches via match_or_build and returns an `outcome`.
|
||||
const response = await l1Api.intake({
|
||||
problem_statement: problem.trim(),
|
||||
customer_name: customerName.trim() || undefined,
|
||||
customer_contact: customerContact.trim() || undefined,
|
||||
})
|
||||
if (response.outcome === 'matched' || response.outcome === 'build') {
|
||||
navigate(`/l1/walk/${response.session_id}`)
|
||||
} else if (response.outcome === 'suggest') {
|
||||
setSuggestion(response.near_miss ?? null)
|
||||
} else if (response.outcome === 'out_of_scope') {
|
||||
setOutOfScope(response.category ?? 'unknown')
|
||||
}
|
||||
} catch (err) {
|
||||
const detail = (err as { response?: { data?: { detail?: string } } }).response?.data?.detail
|
||||
const msg =
|
||||
typeof detail === 'string' ? detail : 'Failed to start walk. Try again.'
|
||||
toast.error(msg)
|
||||
} finally {
|
||||
setSubmitting(false)
|
||||
}
|
||||
}
|
||||
|
||||
// "Use this flow" — re-run intake with the same text; it matches again and
|
||||
// returns a `matched` outcome with a started flow session (acceptable Phase 2A).
|
||||
const useSuggestedFlow = async () => {
|
||||
setSubmitting(true)
|
||||
try {
|
||||
const response = await l1Api.intake({
|
||||
@@ -46,12 +82,54 @@ export default function L1Dashboard() {
|
||||
customer_name: customerName.trim() || undefined,
|
||||
customer_contact: customerContact.trim() || undefined,
|
||||
})
|
||||
navigate(`/l1/walk/${response.session_id}`)
|
||||
} catch (err) {
|
||||
const detail = (err as { response?: { data?: { detail?: string } } }).response?.data?.detail
|
||||
const msg =
|
||||
typeof detail === 'string' ? detail : 'Failed to start walk. Try again.'
|
||||
toast.error(msg)
|
||||
if (response.session_id) navigate(`/l1/walk/${response.session_id}`)
|
||||
else resetPrompts()
|
||||
} catch {
|
||||
toast.error('Could not start the matched flow. Try again.')
|
||||
} finally {
|
||||
setSubmitting(false)
|
||||
}
|
||||
}
|
||||
|
||||
// "Build new" — skip the match pass (force_build); still gated by enabled categories.
|
||||
const buildNew = async () => {
|
||||
setSubmitting(true)
|
||||
resetPrompts()
|
||||
try {
|
||||
const response = await l1Api.intake({
|
||||
problem_statement: problem.trim(),
|
||||
customer_name: customerName.trim() || undefined,
|
||||
customer_contact: customerContact.trim() || undefined,
|
||||
force_build: true,
|
||||
})
|
||||
if (response.outcome === 'build' && response.session_id) {
|
||||
navigate(`/l1/walk/${response.session_id}`)
|
||||
} else if (response.outcome === 'out_of_scope') {
|
||||
setOutOfScope(response.category ?? 'unknown')
|
||||
}
|
||||
} catch {
|
||||
toast.error('Failed to start walk. Try again.')
|
||||
} finally {
|
||||
setSubmitting(false)
|
||||
}
|
||||
}
|
||||
|
||||
// out-of-scope fallback: escalate straight to engineering (no walk).
|
||||
const escalateOutOfScope = async () => {
|
||||
if (!problem.trim()) return
|
||||
setSubmitting(true)
|
||||
try {
|
||||
const session = await l1Api.escalateWithoutWalk({
|
||||
problem_statement: problem.trim(),
|
||||
customer_name: customerName.trim() || undefined,
|
||||
customer_contact: customerContact.trim() || undefined,
|
||||
reason_category: 'out_of_scope',
|
||||
reason: 'Problem is outside the enabled L1 AI-build categories.',
|
||||
})
|
||||
toast.success('Escalated to engineering.')
|
||||
navigate(`/l1/walk/${session.id}`)
|
||||
} catch {
|
||||
toast.error('Could not escalate. Try again.')
|
||||
} finally {
|
||||
setSubmitting(false)
|
||||
}
|
||||
@@ -160,6 +238,63 @@ export default function L1Dashboard() {
|
||||
</section>
|
||||
)}
|
||||
|
||||
{/* Suggest: near-miss flow found */}
|
||||
{suggestion && (
|
||||
<div className="space-y-3 rounded-lg border border-default bg-card p-4">
|
||||
<p className="text-sm text-primary">
|
||||
Found a similar flow: <strong>{suggestion.flow_name}</strong>. Use it, or
|
||||
build a new troubleshooting tree for this problem?
|
||||
</p>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
type="button"
|
||||
onClick={useSuggestedFlow}
|
||||
disabled={submitting}
|
||||
className="rounded-md bg-accent text-white px-4 py-2 text-sm font-medium hover:bg-accent/90 transition-colors disabled:opacity-50"
|
||||
>
|
||||
Use this flow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={buildNew}
|
||||
disabled={submitting}
|
||||
className="rounded-md border border-default px-4 py-2 text-sm hover:bg-elevated transition-colors disabled:opacity-50"
|
||||
>
|
||||
Build new
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Out of scope: category disabled/unknown */}
|
||||
{outOfScope && (
|
||||
<div className="space-y-3 rounded-lg border border-default bg-card p-4">
|
||||
<p className="text-sm text-primary">
|
||||
This problem isn’t in your account’s enabled L1 categories
|
||||
{outOfScope !== 'unknown' ? ` (${outOfScope.replace(/_/g, ' ')})` : ''}, so
|
||||
there’s no AI-built walk for it. You can escalate it to engineering.
|
||||
</p>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
type="button"
|
||||
onClick={escalateOutOfScope}
|
||||
disabled={submitting}
|
||||
className="rounded-md bg-accent text-white px-4 py-2 text-sm font-medium hover:bg-accent/90 transition-colors disabled:opacity-50"
|
||||
>
|
||||
Escalate to engineering
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={resetPrompts}
|
||||
disabled={submitting}
|
||||
className="rounded-md border border-default px-4 py-2 text-sm hover:bg-elevated transition-colors disabled:opacity-50"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Resume in progress */}
|
||||
<ResumeInProgress />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user