@joewinke/jatui 0.1.23 → 0.1.25

package/src/lib/types/messaging.ts

@@ -1,459 +0,0 @@
-// Messaging System Types
-// Generic types for messaging UI components — no framework or backend dependencies
-
-// ─── Core Message Types ───────────────────────────────────────────────
-
-export interface Message {
-	id: string
-	content: string
-	senderId: string
-	senderName: string
-	senderAvatar?: string
-	createdAt: string
-	editedAt?: string
-	isRead?: boolean
-	readByCount?: number
-	isPinned?: boolean
-	pinnedAt?: string
-	pinnedBy?: string
-	pinnedByName?: string
-	parentMessageId?: string
-	recipientId?: string
-	thread_reply_count?: number
-	thread_last_reply_at?: string
-	thread_last_sender?: {
-		id: string
-		full_name: string
-		avatar_url?: string
-	}
-	quotedMessageId?: string
-	quotedMessage?: QuotedMessage
-	attachments?: MessageAttachment[]
-}
-
-export interface QuotedMessage {
-	id: string
-	content: string
-	senderId: string
-	senderName: string
-	senderAvatar?: string
-	createdAt: string
-}
-
-export interface MessageAttachment {
-	id: string
-	file_name: string
-	file_type: string
-	file_size: number
-	storage_path: string
-	width?: number
-	height?: number
-	duration?: number
-	thumbnail_path?: string
-	uploaded_by: string
-	created_at: string
-}
-
-export interface PendingAttachment {
-	id: string
-	file: File
-	preview?: string
-	uploading: boolean
-	progress: number
-	error?: string
-	storagePath?: string
-	width?: number
-	height?: number
-}
-
-// ─── Channel Types ────────────────────────────────────────────────────
-
-export interface Channel {
-	id: string
-	name: string
-	description?: string
-	type: 'public' | 'private' | 'direct'
-	isActive: boolean
-	memberRole: 'admin' | 'moderator' | 'member'
-	joinedAt: string
-	createdAt: string
-	unreadCount?: number
-	emoji?: string
-}
-
-export interface ChannelMember {
-	id: string
-	userId: string
-	fullName: string
-	avatarUrl?: string | null
-	role: 'admin' | 'moderator' | 'member'
-	userRole?: string
-}
-
-// ─── Direct Message Types ─────────────────────────────────────────────
-
-export interface DirectConversation {
-	id: string
-	name: string
-	avatar?: string
-	lastMessageAt: string
-	unreadCount?: number
-	isOnline?: boolean
-}
-
-export interface OrgMember {
-	id: string
-	full_name: string
-	avatar_url?: string
-	role: string
-	active?: boolean
-}
-
-// ─── Emoji Types ──────────────────────────────────────────────────────
-
-export type EmojiCategory =
-	| 'search'
-	| 'frequently_used'
-	| 'smileys_people'
-	| 'animals_nature'
-	| 'food_drink'
-	| 'travel_places'
-	| 'activities'
-	| 'objects'
-	| 'symbols'
-	| 'flags'
-	| 'custom'
-
-export type SkinTone =
-	| 'default'
-	| 'light'
-	| 'medium-light'
-	| 'medium'
-	| 'medium-dark'
-	| 'dark'
-
-export interface StandardEmoji {
-	unicode: string
-	name: string
-	shortcode: string
-	category: EmojiCategory
-	keywords: string[]
-	skinTones?: string[]
-}
-
-export interface CustomEmoji {
-	id: string
-	organizationId: string
-	name: string
-	displayName: string
-	description?: string
-	fileName: string
-	fileSize: number
-	contentType: 'image/png' | 'image/gif'
-	storagePath: string
-	isAnimated: boolean
-	isActive: boolean
-	usageCount: number
-	uploadedBy: string
-	createdAt: string
-	updatedAt: string
-}
-
-export interface EmojiReaction {
-	id: string
-	messageId: string
-	userId: string
-	emojiUnicode?: string
-	customEmojiId?: string
-	skinTone?: SkinTone
-	createdAt: string
-}
-
-export interface ReactionSummary {
-	emojiUnicode?: string
-	customEmojiId?: string
-	customEmojiName?: string
-	customEmojiStoragePath?: string
-	customEmojiIsAnimated?: boolean
-	reactionCount: number
-	userReacted: boolean
-	recentUsers: Array<{ id: string; name: string }>
-}
-
-export interface EmojiSelection {
-	type: 'standard' | 'custom'
-	unicode?: string
-	customEmojiId?: string
-	name: string
-	shortcode: string
-	skinTone?: SkinTone
-}
-
-export interface EmojiPreferences {
-	skinTone: SkinTone
-	frequentlyUsed: string[]
-	lastUsedAt?: string
-	customEmojiFavorites?: string[]
-}
-
-export interface EmojiCategoryInfo {
-	id: EmojiCategory
-	name: string
-	icon: string
-	description: string
-}
-
-export interface SkinToneInfo {
-	id: SkinTone
-	name: string
-	unicode: string
-	preview: string
-}
-
-// ─── Mention Types ────────────────────────────────────────────────────
-
-export interface MentionItem {
-	type: string
-	id: string
-	name: string
-	secondary: string
-	url: string
-}
-
-// ─── Notification Types ───────────────────────────────────────────────
-
-export interface NotificationChannels {
-	email: boolean
-	sms: boolean
-}
-
-export interface NotificationEvents {
-	[key: string]: boolean
-}
-
-export interface NotificationTiming {
-	[key: string]: string | number
-}
-
-export interface NotificationPreferences {
-	channels: NotificationChannels
-	events: NotificationEvents
-	timing: NotificationTiming
-}
-
-// ─── Presence Types ───────────────────────────────────────────────────
-
-export interface PresenceState {
-	[userId: string]: {
-		status: string
-		technicianStatus?: string
-		lastSeen?: string
-	}
-}
-
-// ─── Callback Interfaces ──────────────────────────────────────────────
-// These define the data-layer contracts that consuming apps must implement.
-
-export interface MessageCallbacks {
-	loadMessages: (params: {
-		channelId?: string
-		dmUserId?: string
-		before?: string
-		limit?: number
-	}) => Promise<Message[]>
-	sendMessage: (params: {
-		content: string
-		channelId?: string
-		dmUserId?: string
-		parentMessageId?: string
-		quotedMessageId?: string
-		attachments?: PendingAttachment[]
-		priority?: string
-	}) => Promise<Message>
-	editMessage: (messageId: string, content: string) => Promise<Message>
-	deleteMessage: (messageId: string) => Promise<void>
-	pinMessage: (messageId: string, channelId: string) => Promise<void>
-	unpinMessage: (messageId: string, channelId: string) => Promise<void>
-	markAsRead: (messageIds: string[]) => Promise<void>
-}
-
-export interface ReactionCallbacks {
-	loadReactions: (messageId: string) => Promise<ReactionSummary[]>
-	addReaction: (
-		messageId: string,
-		emoji: { unicode?: string; customEmojiId?: string; skinTone?: SkinTone }
-	) => Promise<void>
-	removeReaction: (
-		messageId: string,
-		emoji: { unicode?: string; customEmojiId?: string }
-	) => Promise<void>
-}
-
-export interface AttachmentCallbacks {
-	getSignedUrl: (storagePath: string) => Promise<string>
-	getThumbnailUrl: (thumbnailPath: string) => Promise<string | null>
-	uploadFile: (
-		file: File,
-		organizationId: string
-	) => Promise<{ path: string; error?: string }>
-	deleteAttachment: (attachmentId: string) => Promise<void>
-}
-
-export interface MentionCallbacks {
-	searchMentions: (query: string) => Promise<MentionItem[]>
-}
-
-export interface EmojiCallbacks {
-	loadCustomEmojis: () => Promise<CustomEmoji[]>
-	loadPreferences: () => Promise<EmojiPreferences>
-	savePreferences: (prefs: Partial<EmojiPreferences>) => Promise<void>
-}
-
-export interface ChannelCallbacks {
-	createChannel: (params: {
-		name: string
-		description?: string
-		type: 'public' | 'private'
-		emoji?: string
-		memberIds?: string[]
-	}) => Promise<Channel>
-	updateChannel: (
-		channelId: string,
-		params: Partial<Pick<Channel, 'name' | 'description' | 'emoji'>>
-	) => Promise<Channel>
-	deleteChannel: (channelId: string) => Promise<void>
-	leaveChannel: (channelId: string) => Promise<void>
-	getMembers: (channelId: string) => Promise<ChannelMember[]>
-	addMember: (channelId: string, userId: string) => Promise<void>
-	removeMember: (channelId: string, userId: string) => Promise<void>
-	updateMemberRole: (
-		channelId: string,
-		userId: string,
-		role: 'admin' | 'moderator' | 'member'
-	) => Promise<void>
-}
-
-export interface ThreadCallbacks {
-	loadReplies: (parentMessageId: string) => Promise<Message[]>
-	sendReply: (
-		parentMessageId: string,
-		content: string,
-		attachments?: PendingAttachment[]
-	) => Promise<Message>
-}
-
-export interface NotificationCallbacks {
-	loadSettings: (params: {
-		type: 'global' | 'channel'
-		channelId?: string
-	}) => Promise<NotificationPreferences>
-	saveSettings: (
-		params: {
-			type: 'global' | 'channel'
-			channelId?: string
-		},
-		settings: NotificationPreferences
-	) => Promise<void>
-}
-
-// ─── Emoji Data Constants ─────────────────────────────────────────────
-
-export const EMOJI_CATEGORIES: EmojiCategoryInfo[] = [
-	{ id: 'search', name: 'Search', icon: '🔍', description: 'Search results' },
-	{
-		id: 'frequently_used',
-		name: 'Frequently Used',
-		icon: '🕐',
-		description: 'Your most used emojis'
-	},
-	{
-		id: 'smileys_people',
-		name: 'Smileys & People',
-		icon: '😀',
-		description: 'Faces, people, and emotions'
-	},
-	{
-		id: 'animals_nature',
-		name: 'Animals & Nature',
-		icon: '🐻',
-		description: 'Animals, plants, and nature'
-	},
-	{
-		id: 'food_drink',
-		name: 'Food & Drink',
-		icon: '🍎',
-		description: 'Food, drinks, and meals'
-	},
-	{
-		id: 'travel_places',
-		name: 'Travel & Places',
-		icon: '🏠',
-		description: 'Places, transport, and travel'
-	},
-	{
-		id: 'activities',
-		name: 'Activities',
-		icon: '⚽',
-		description: 'Sports, games, and activities'
-	},
-	{ id: 'objects', name: 'Objects', icon: '🔨', description: 'Tools, objects, and items' },
-	{
-		id: 'symbols',
-		name: 'Symbols',
-		icon: '❤️',
-		description: 'Symbols, signs, and icons'
-	},
-	{
-		id: 'flags',
-		name: 'Flags',
-		icon: '🏳️',
-		description: 'Country and regional flags'
-	},
-	{
-		id: 'custom',
-		name: 'Custom',
-		icon: '🎨',
-		description: 'Organization custom emojis'
-	}
-]
-
-export const SKIN_TONES: SkinToneInfo[] = [
-	{ id: 'default', name: 'Default', unicode: '', preview: '👋' },
-	{ id: 'light', name: 'Light', unicode: '🏻', preview: '👋🏻' },
-	{ id: 'medium-light', name: 'Medium Light', unicode: '🏼', preview: '👋🏼' },
-	{ id: 'medium', name: 'Medium', unicode: '🏽', preview: '👋🏽' },
-	{ id: 'medium-dark', name: 'Medium Dark', unicode: '🏾', preview: '👋🏾' },
-	{ id: 'dark', name: 'Dark', unicode: '🏿', preview: '👋🏿' }
-]
-
-// Default quick-reaction emojis (used when no user preferences available)
-export const DEFAULT_QUICK_REACTIONS: StandardEmoji[] = [
-	{
-		unicode: '👍',
-		name: 'Thumbs Up',
-		shortcode: 'thumbsup',
-		category: 'smileys_people',
-		keywords: ['like', 'approve', 'yes']
-	},
-	{
-		unicode: '❤️',
-		name: 'Red Heart',
-		shortcode: 'heart',
-		category: 'symbols',
-		keywords: ['love', 'heart']
-	},
-	{
-		unicode: '😂',
-		name: 'Face with Tears of Joy',
-		shortcode: 'joy',
-		category: 'smileys_people',
-		keywords: ['laugh', 'lol', 'funny']
-	},
-	{
-		unicode: '🎉',
-		name: 'Party Popper',
-		shortcode: 'tada',
-		category: 'activities',
-		keywords: ['party', 'celebrate']
-	}
-]

package/src/lib/types/milestone.ts

@@ -1,22 +0,0 @@
-/**
- * Generic milestone/timeline types for stepped workflows.
- *
- * Used by MilestoneCard and MilestoneTimeline components.
- * Projects extend this with domain-specific fields (e.g. stripe_invoice_id).
- */
-
-export type MilestoneStatus = "pending" | "delivered" | "accepted" | "paid"
-
-export interface Milestone {
-  id: string
-  name: string
-  description: string
-  percentage: number
-  amount: number
-  acceptance_criteria: string
-  status: MilestoneStatus
-  sort_order: number
-  delivered_at: string | null
-  accepted_at: string | null
-  paid_at: string | null
-}

package/src/lib/types/pipeline.ts

@@ -1,150 +0,0 @@
-// ─── Core Stage/Column Types ───
-
-/** A single stage (column) in the pipeline */
-export interface PipelineStage {
-	id: string;
-	label: string;
-	order: number;
-	/** oklch color string, e.g. "oklch(0.70 0.18 240)" */
-	color?: string;
-	/** DaisyUI semantic color fallback: "primary" | "secondary" | "success" | "warning" | "error" | "info" */
-	semantic?: string;
-	/** Optional icon (SVG path or component name) */
-	icon?: string;
-	/** Whether cards can be dragged out of this column */
-	draggableOut?: boolean;
-	/** Whether cards can be dropped into this column */
-	droppableIn?: boolean;
-}
-
-/** Resolved colors for a stage, computed from PipelineStage.color or .semantic */
-export interface StageColors {
-	bg: string;
-	text: string;
-	border: string;
-	accent: string;
-}
-
-// ─── Item Types ───
-
-/** A single item (card) in the pipeline. Generic — consumers extend with their own fields. */
-export interface PipelineItem {
-	id: string;
-	stageId: string;
-	title: string;
-	/** Optional subtitle (e.g. client name, company) */
-	subtitle?: string;
-	/** Numeric value for metrics aggregation (e.g. deal value, session cost) */
-	value?: number;
-	/** ISO date string — when the item entered the current stage */
-	stageEnteredAt?: string;
-	/** ISO date string — expected completion/close date */
-	expectedDate?: string;
-	/** Priority: 0 = highest */
-	priority?: number;
-	/** Assignee name or ID */
-	assignee?: string;
-	/** Freeform labels/tags */
-	labels?: string[];
-	/** Arbitrary metadata for card snippets to consume */
-	meta?: Record<string, unknown>;
-}
-
-// ─── Metrics Types ───
-
-/** A single metric to display in the pipeline header */
-export interface PipelineMetric {
-	label: string;
-	value: string | number;
-	/** Optional format hint: "currency" | "percent" | "number" */
-	format?: 'currency' | 'percent' | 'number';
-	/** Change from previous period, e.g. +5 or -2.3 */
-	change?: number;
-	/** DaisyUI color for the metric card */
-	color?: string;
-}
-
-/** Per-stage aggregate computed by the Pipeline component */
-export interface StageMetrics {
-	stageId: string;
-	count: number;
-	totalValue: number;
-}
-
-// ─── Configuration Types ───
-
-/** View mode for the pipeline display */
-export type PipelineViewMode = 'kanban' | 'table';
-
-/** Table column definition for table view */
-export interface PipelineTableColumn {
-	key: string;
-	label: string;
-	/** Width hint: "sm" (80px) | "md" (120px) | "lg" (200px) | "flex" (fill) */
-	width?: 'sm' | 'md' | 'lg' | 'flex';
-	/** Sort direction if sortable */
-	sortable?: boolean;
-}
-
-/** Drag-drop configuration */
-export interface PipelineDragConfig {
-	enabled: boolean;
-	/** Duration for flip animation in ms (default: 200) */
-	flipDurationMs?: number;
-	/** CSS class applied to the drop zone during drag */
-	dropTargetClass?: string;
-	/** Stage IDs where drag is disabled (overrides per-stage draggableOut/droppableIn) */
-	disabledStages?: string[];
-}
-
-/** Top-level pipeline configuration */
-export interface PipelineConfig {
-	/** Which views are available */
-	views?: PipelineViewMode[];
-	/** Default view on mount */
-	defaultView?: PipelineViewMode;
-	/** Drag-drop settings */
-	drag?: PipelineDragConfig;
-	/** Whether columns can be collapsed */
-	collapsible?: boolean;
-	/** Column min-height in px (default: 200) */
-	columnMinHeight?: number;
-	/** Table columns for table view */
-	tableColumns?: PipelineTableColumn[];
-	/** Currency code for value formatting (default: "USD") */
-	currency?: string;
-}
-
-// ─── Event Types ───
-
-/** Fired when an item is moved between stages via drag-drop */
-export interface PipelineStageChangeEvent {
-	itemId: string;
-	fromStageId: string;
-	toStageId: string;
-	/** New index within the target stage */
-	newIndex: number;
-}
-
-/** Fired when an item is clicked */
-export interface PipelineItemClickEvent {
-	item: PipelineItem;
-	stageId: string;
-}
-
-// ─── Defaults ───
-
-export const DEFAULT_DRAG_CONFIG: PipelineDragConfig = {
-	enabled: true,
-	flipDurationMs: 200,
-	dropTargetClass: 'outline-dashed outline-2 outline-base-content/20'
-};
-
-export const DEFAULT_PIPELINE_CONFIG: PipelineConfig = {
-	views: ['kanban'],
-	defaultView: 'kanban',
-	drag: DEFAULT_DRAG_CONFIG,
-	collapsible: true,
-	columnMinHeight: 200,
-	currency: 'USD'
-};

package/src/lib/types/smartImageEditor.ts

@@ -1,39 +0,0 @@
-export interface ImageVariantSpec {
-  name: string
-  width: number
-  height: number
-  fit?: "contain" | "cover" | "fill"
-  /** CSS hex color or "transparent". Transparent background when omitted. */
-  background?: string
-  /**
-   * Optional Gemini edit instruction run on the (background-removed) source
-   * before Sharp's deterministic resize. Used to intelligently re-frame the
-   * variant — e.g. crop a logo down to just the brand mark, or compose an OG
-   * card. Falls back to Sharp-only if the Gemini call fails.
-   */
-  aiPrompt?: string
-}
-
-export interface ImageProcessingSpec {
-  removeBackground?: boolean
-  aspectRatio?: string
-  variants: ImageVariantSpec[]
-}
-
-export interface VariantResult {
-  name: string
-  url: string
-  width: number
-  height: number
-  backgroundRemovalFailed?: boolean
-  /** True when this variant had an aiPrompt but the Gemini edit call failed
-   *  and we fell back to Sharp-only. The result is still uploaded; this is a
-   *  non-blocking signal that the smart re-frame didn't happen. */
-  aiEditFailed?: boolean
-}
-
-export type VariantState =
-  | { status: "idle" }
-  | { status: "loading" }
-  | { status: "done"; result: VariantResult }
-  | { status: "error"; message: string }

package/src/lib/types/templateVars.ts

@@ -1,36 +0,0 @@
-/**
- * Template variable types — shared shape between the JST server-side registry
- * (`src/lib/server/template-vars.ts`, `getVarsForCategory`) and the
- * VariablePicker component.
- *
- * jatui cannot import the host app's `$lib/server` module (server-only), so
- * these types are mirrored here. They are kept structurally identical to the
- * registry's output so `getVarsForCategory(category, availableVars)` can be
- * passed straight into `<VariablePicker groups={...} />` with no mapping —
- * same jst↔jatui structural-compatibility pattern used by CommentThread.
- */
-
-/** A single insertable merge variable. */
-export interface TemplateVar {
-  /**
-   * Dotted variable path inserted into the template as `{{name}}`.
-   * e.g. `contact.name`, `org.logo_url`, `total`.
-   */
-  name: string
-  /** Human label shown in the picker, e.g. "Contact name". */
-  label: string
-  /** Optional one-line help text describing the value. */
-  description?: string
-  /** Optional sample value shown as a hint, e.g. "Acme Inc.". */
-  example?: string
-}
-
-/** Variable context group, e.g. all client/org/financial/custom vars. */
-export interface TemplateVarGroup {
-  /** Stable group id — matches VarGroupId in the host app's template-vars registry. */
-  id: string
-  /** Group heading shown in the picker, e.g. "Client". */
-  label: string
-  /** Variables in this group (never empty — empty groups are omitted). */
-  vars: TemplateVar[]
-}