@flamingo-stack/openframe-frontend-core 0.0.537-snapshot.20260814102953 → 0.0.537

package/src/stories/ReopenTicketModal.stories.tsx

@@ -1,114 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-import { useState } from 'react';
-import { fn } from 'storybook/test';
-import { Button } from '../components/ui/button';
-import {
-  ReopenTicketModal,
-  type ReopenTicketModalProps,
-  type ReopenTicketSelection,
-} from '../components/ui/reopen-ticket-modal';
-
-const meta = {
-  title: 'UI/ReopenTicketModal',
-  component: ReopenTicketModal,
-  parameters: {
-    layout: 'centered',
-    docs: {
-      description: {
-        component:
-          'Reopen Ticket dialog (Figma openframe---tickets 8456-17581): shown when a technician reopens a ' +
-          'Resolved/Archived ticket. Same Status + Assigned pair as TakeOverTicketModal plus an optional free-text ' +
-          'reason. Unlike Take Over, the assignee is optional - a reopened ticket may stay unassigned. ' +
-          'Presentational - the consumer supplies option lists (design default pre-selects Tech Required), ' +
-          'default selections, and performs the actual reopen in onConfirm.',
-      },
-    },
-  },
-  argTypes: {
-    isPending: { control: 'boolean' },
-    assigneesLoading: { control: 'boolean' },
-  },
-} satisfies Meta<typeof ReopenTicketModal>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const STATUS_OPTIONS = [
-  { value: 'todo', label: 'Todo', color: '#2890fa' },
-  { value: 'in-progress', label: 'In Progress', color: '#ffc008' },
-  { value: 'tech-required', label: 'Technician Required', color: '#f36666' },
-];
-
-const ASSIGNEE_OPTIONS = [
-  { value: 'u1', label: 'Roman Smith' },
-  { value: 'u2', label: 'Olivia Carter' },
-  { value: 'u3', label: 'James Wilson' },
-];
-
-function ControlledModal(props: Partial<ReopenTicketModalProps> & { pendingOnConfirm?: boolean }) {
-  const [isOpen, setIsOpen] = useState(true);
-  const [isPending, setIsPending] = useState(false);
-
-  const handleConfirm = (selection: ReopenTicketSelection) => {
-    props.onConfirm?.(selection);
-    if (!props.pendingOnConfirm) {
-      setIsOpen(false);
-      return;
-    }
-    // Simulate the consumer's reopen mutation round-trip.
-    setIsPending(true);
-    setTimeout(() => {
-      setIsPending(false);
-      setIsOpen(false);
-    }, 1500);
-  };
-
-  return (
-    <>
-      <Button variant="outline" onClick={() => setIsOpen(true)}>
-        Reopen Ticket
-      </Button>
-      <ReopenTicketModal
-        isOpen={isOpen}
-        onClose={() => setIsOpen(false)}
-        ticketRef="1003: Email client synchronization issues"
-        statusOptions={STATUS_OPTIONS}
-        assigneeOptions={ASSIGNEE_OPTIONS}
-        {...props}
-        isPending={props.isPending ?? isPending}
-        onConfirm={handleConfirm}
-      />
-    </>
-  );
-}
-
-/** Design default: Tech Required pre-selected (mock annotation), previous assignee restored. */
-export const Default: Story = {
-  args: {
-    isOpen: true,
-    onClose: fn(),
-    onConfirm: fn(),
-    ticketRef: '1003: Email client synchronization issues',
-    statusOptions: STATUS_OPTIONS,
-    assigneeOptions: ASSIGNEE_OPTIONS,
-    initialStatusId: 'tech-required',
-    initialAssigneeId: 'u1',
-  },
-  render: args => <ControlledModal {...args} />,
-};
-
-/**
- * No assignee - the reopen still confirms and the ticket stays unassigned
- * (flagged for triage). This is the deliberate difference from Take Over,
- * where the CTA locks until a technician is picked.
- */
-export const NoAssignee: Story = {
-  args: { ...Default.args, initialAssigneeId: null },
-  render: args => <ControlledModal {...args} />,
-};
-
-/** Confirm shows the pending state (buttons lock, modal refuses to close). */
-export const PendingOnConfirm: Story = {
-  args: { ...Default.args },
-  render: args => <ControlledModal {...args} pendingOnConfirm />,
-};

package/src/stories/TicketEventMessage.stories.tsx

@@ -1,100 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs-vite";
-import type React from "react";
-
-import { TicketEventMessage } from "../components/chat/ticket-event-message";
-
-/**
- * `ticket_event` message segment — the ticket lifecycle receipt (Figma:
- * `ai-assistant-info`, types resolved-fae / resolved-tech / reopened-fae /
- * reopened-tech / reopened-reason).
- *
- * Decoded from the standalone `TICKET_EVENT` chunk (live) or the persisted
- * `TicketEventData` row (history). `kind` is an OPEN vocabulary: unknown
- * kinds render as a neutral info line rather than being dropped, so the
- * backend can add lifecycle kinds without a client release.
- */
-
-/** Fixed so the timestamp doesn't churn between snapshots. */
-const TIMESTAMP = new Date("2026-08-07T14:47:00");
-
-const plainDecorator = (Story: React.ComponentType) => (
-	<div style={{ maxWidth: 600, background: "var(--color-bg)" }} className="p-4">
-		<Story />
-	</div>
-);
-
-const meta = {
-	title: "Chat/Client/TicketEventMessage",
-	component: TicketEventMessage,
-	tags: ["autodocs"],
-	parameters: {
-		docs: {
-			description: {
-				component:
-					"Renders a `TICKET_EVENT` block: a green check for RESOLVED, a pink info tile for REOPENED and for any kind this build doesn't know, with copy composed from the event's actor and reason fields.",
-			},
-		},
-	},
-	decorators: [plainDecorator],
-} satisfies Meta<typeof TicketEventMessage>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Fae (the AI agent) resolved the ticket — Figma type=resolved-fae. */
-export const ResolvedByFae: Story = {
-	args: {
-		data: { kind: "RESOLVED", actorId: "fae", actorName: "Fae", actorType: "AI" },
-		timestamp: TIMESTAMP,
-	},
-};
-
-/** A human technician resolved the ticket — Figma type=resolved-tech. */
-export const ResolvedByTechnician: Story = {
-	args: {
-		data: { kind: "RESOLVED", actorId: "u-42", actorName: "Roman Smith", actorType: "TECHNICIAN" },
-		timestamp: TIMESTAMP,
-	},
-};
-
-/** Reopened with the user's stated reason — Figma type=reopened-reason. */
-export const ReopenedWithReason: Story = {
-	args: {
-		data: {
-			kind: "REOPENED",
-			actorId: "u-7",
-			actorName: "John Smith",
-			actorType: "CLIENT",
-			reason: "The printer stopped working again",
-		},
-		timestamp: TIMESTAMP,
-	},
-};
-
-/** Reopened, no reason, AI keeps assisting — Figma type=reopened-fae. */
-export const ReopenedFaeContinues: Story = {
-	args: {
-		data: { kind: "REOPENED", actorId: "fae", actorName: "Fae", actorType: "AI" },
-		timestamp: TIMESTAMP,
-	},
-};
-
-/** Reopened, no reason, routed to a human — Figma type=reopened-tech. */
-export const ReopenedTechnicianReplies: Story = {
-	args: {
-		data: { kind: "REOPENED", actorId: "u-42", actorName: "Roman Smith", actorType: "TECHNICIAN" },
-		timestamp: TIMESTAMP,
-	},
-};
-
-/**
- * A kind the client has never seen. The open vocabulary means the backend can
- * add lifecycle kinds without a client release — this story is the regression
- * guard: neutral info line, humanized title, never dropped.
- */
-export const UnknownKind: Story = {
-	args: {
-		data: { kind: "ON_HOLD", actorName: "Roman Smith", reason: "Waiting for replacement hardware" },
-		timestamp: TIMESTAMP,
-	},
-};