@flamingo-stack/openframe-frontend-core 0.0.222 → 0.0.223

package/src/stories/.TicketDescriptionViewer.stories.md

@@ -1,39 +0,0 @@
-<!-- source-hash: 70e0ec1bd6faabbc539fcfb3af28cb70 -->
-Storybook stories for the `TicketDescriptionViewer` component, providing visual test cases for rendering ticket description content in various formats (plain text, HTML, code, and empty states).
-
-## Key Components
-
-| Export | Type | Description |
-|--------|------|-------------|
-| `meta` | `Meta` | Storybook metadata — mounts component at `Tickets/TicketDescriptionViewer` with a 600px wrapper |
-| `PlainText` | `Story` | Plain text with line breaks |
-| `HtmlContent` | `Story` | Rich HTML with headings, lists, blockquotes |
-| `WithCode` | `Story` | Inline and block `<code>` / `<pre>` elements |
-| `Empty` | `Story` | Empty string fallback rendering |
-
-## Usage Example
-
-```typescript
-import { TicketDescriptionViewer } from '../components/ui/ticket-description-viewer';
-
-// Plain text
-<TicketDescriptionViewer content="Reduce onboarding from 4 weeks to 10 days." />
-
-// HTML from RichTextEditor output
-<TicketDescriptionViewer content="<h2>Steps</h2><ul><li>Setup</li></ul>" />
-
-// Empty state
-<TicketDescriptionViewer content="" />
-```
-
-## Story Overview
-
-```mermaid
-graph TD
-    meta["TicketDescriptionViewer Stories"] --> PlainText["PlainText\n(line-break text)"]
-    meta --> HtmlContent["HtmlContent\n(headings, lists, blockquote)"]
-    meta --> WithCode["WithCode\n(pre + code blocks)"]
-    meta --> Empty["Empty\n(empty string)"]
-```
-
-> All stories render inside a 600px-wide decorator div to simulate a realistic ticket detail panel width, matching the expected `RichTextEditor` output environment.

package/src/stories/.TicketKnowledgeBaseList.stories.md

@@ -1,36 +0,0 @@
-<!-- source-hash: 2eebf27815f5533ea1acd099d63702ec -->
-Storybook stories for the `TicketKnowledgeBaseList` component, providing interactive UI development and documentation for a clickable knowledge base article list used in the ticket workflow.
-
-## Key Components
-
-- **`Default`** — Four populated articles showcasing typical MSP knowledge base content (setup guides, migration docs, training programs, checklists)
-- **`SingleArticle`** — Minimal single-item variant for edge case testing
-- **`Empty`** — Zero-state render when no articles are available
-
-## Usage Example
-
-```typescript
-import { TicketKnowledgeBaseList } from '../components/ui/ticket-knowledge-base-list';
-
-<TicketKnowledgeBaseList
-  articles={[
-    {
-      id: '1',
-      title: 'OpenFrame Initial Setup Guide',
-      description: 'Complete platform configuration including SSO integration.',
-      onClick: () => router.push(`/knowledge/${id}`),
-    },
-  ]}
-/>
-```
-
-## Story Configuration
-
-| Parameter | Value |
-|-----------|-------|
-| Storybook path | `Tickets/TicketKnowledgeBaseList` |
-| Layout | `padded` |
-| Viewport width | `600px` (decorator-constrained) |
-| Auto-docs | Enabled via `autodocs` tag |
-
-Each article item expects `id`, `title`, `description`, and an optional `onClick` handler — the component renders a chevron navigation indicator per item.

package/src/stories/TicketDescriptionViewer.stories.tsx

@@ -1,70 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-import { TicketDescriptionViewer } from '../components/ui/ticket-description-viewer';
-
-const meta = {
-  title: 'Tickets/TicketDescriptionViewer',
-  component: TicketDescriptionViewer,
-  parameters: {
-    layout: 'padded',
-    docs: {
-      description: {
-        component: 'Renders ticket description content (markdown/HTML) with ODS-themed typography matching the RichTextEditor output.',
-      },
-    },
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <div style={{ width: '600px' }}>
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof TicketDescriptionViewer>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const PlainText: Story = {
-  args: {
-    content: 'Goal: Reduce new client onboarding from 4 weeks to 10 days while maintaining 95% satisfaction and minimizing support issues.\n\nThis is a plain text description with line breaks.',
-  },
-};
-
-export const HtmlContent: Story = {
-  args: {
-    content: `
-      <h2>Core Activities</h2>
-      <ul>
-        <li>Platform setup and configuration</li>
-        <li>Data migration and SSO integration</li>
-        <li>Team training and certification</li>
-        <li>Go-live support</li>
-      </ul>
-      <h2>Key Deliverables</h2>
-      <ol>
-        <li>Welcome package with access and timeline</li>
-        <li>Technical assessment and migration plan</li>
-        <li>Configured dashboard with user roles</li>
-      </ol>
-      <p>Timeline: 10-day implementation across 4 phases (Discovery → Setup → Training → Monitoring)</p>
-      <blockquote>Acceptance: Client approval when all integrations work and admins are proficient.</blockquote>
-    `,
-  },
-};
-
-export const WithCode: Story = {
-  args: {
-    content: `
-      <p>Run the following command:</p>
-      <pre><code>npm install @flamingo-stack/openframe-frontend-core</code></pre>
-      <p>Then use <code>import { Button }</code> in your component.</p>
-    `,
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    content: '',
-  },
-};

package/src/stories/TicketKnowledgeBaseList.stories.tsx

@@ -1,51 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-import { TicketKnowledgeBaseList } from '../components/ui/ticket-knowledge-base-list';
-
-const meta = {
-  title: 'Tickets/TicketKnowledgeBaseList',
-  component: TicketKnowledgeBaseList,
-  parameters: {
-    layout: 'padded',
-    docs: {
-      description: {
-        component: 'Clickable list of knowledge base articles with title, description, and navigation chevron.',
-      },
-    },
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <div style={{ width: '600px' }}>
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof TicketKnowledgeBaseList>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    articles: [
-      { id: '1', title: 'OpenFrame Initial Setup Guide', description: 'Complete platform configuration including SSO integration, API connections, and core settings.', onClick: () => {} },
-      { id: '2', title: 'Data Migration Best Practices', description: 'Step-by-step process for transferring client data from existing MSP tools.', onClick: () => {} },
-      { id: '3', title: 'Admin Training Certification Program', description: 'Structured learning modules and hands-on exercises to certify administrators.', onClick: () => {} },
-      { id: '4', title: 'Go-Live Validation Checklist', description: 'Technical and user acceptance criteria to verify successful platform deployment.', onClick: () => {} },
-    ],
-  },
-};
-
-export const SingleArticle: Story = {
-  args: {
-    articles: [
-      { id: '1', title: 'Getting Started', description: 'A quick start guide for new users.' },
-    ],
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    articles: [],
-  },
-};