@joewinke/jatui 0.1.22 → 0.1.24

package/src/lib/index.ts

@@ -1,405 +0,0 @@
-// Actions
-export { railNav, createRailNav, cycle } from './actions/railNav';
-export type { RailNavOptions, RailNavController } from './actions/railNav';
-export { collapse } from './actions/collapse';
-export type { CollapseOptions } from './actions/collapse';
-export { default as Collapse } from './components/Collapse.svelte';
-
-// Components — Session primitives (from JAT IDE, jat-jj79f.16 G1)
-export { default as LinkedColumns } from './components/linked-columns/LinkedColumns.svelte';
-export type { ColumnLink } from './components/linked-columns/LinkedColumns.svelte';
-
-export { default as ChapterTimeline } from './components/replay/ChapterTimeline.svelte';
-export type { ChapterBlock } from './components/replay/ChapterTimeline.svelte';
-
-// Data models — Session transcript (from JAT IDE, jat-jj79f.16 G1)
-export {
-	buildLinkedSession,
-	buildLinkedSessionFromWork,
-	rawTypeToState,
-	sampleLinkedSession,
-	SAMPLE_TRANSCRIPT_LINES,
-} from './components/session-nav/transcriptModel';
-export type {
-	ItemKind,
-	TranscriptItem,
-	FileTouchedEntry,
-	SignalNode,
-	LinkedSession,
-	WorkBlockClient,
-	WorkTranscriptItemClient,
-} from './components/session-nav/transcriptModel';
-
-// Components — Universal
-export { default as UserAvatar } from './components/UserAvatar.svelte';
-export { default as SidebarUserFooter } from './components/SidebarUserFooter.svelte';
-export { default as TaskTypeIcon } from './components/TaskTypeIcon.svelte';
-
-// Components — from JAT IDE
-export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog.svelte';
-export type { ConfirmOptions } from './stores/confirmDialog.svelte';
-export { default as InputDialog } from './components/InputDialog.svelte';
-export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog.svelte';
-export type { InputOptions } from './stores/inputDialog.svelte';
-export { default as SearchDropdown } from './components/SearchDropdown.svelte';
-export { default as FilterDropdown } from './components/FilterDropdown.svelte';
-export { default as ContextMenu } from './components/ContextMenu.svelte';
-export { default as ChipInput } from './components/ChipInput.svelte';
-export { default as ResizableDivider } from './components/ResizableDivider.svelte';
-export { default as DateRangePicker } from './components/DateRangePicker.svelte';
-export { default as SortDropdown } from './components/SortDropdown.svelte';
-export { default as InlineEdit } from './components/InlineEdit.svelte';
-export { default as FloatingActionBar } from './components/FloatingActionBar.svelte';
-export { default as HunkDiffView } from './components/HunkDiffView.svelte';
-
-// Components — from Flush
-export { default as Button } from './components/Button.svelte';
-export { default as Badge } from './components/Badge.svelte';
-export { default as Card } from './components/Card.svelte';
-export { default as Drawer } from './components/Drawer.svelte';
-export { default as Modal } from './components/Modal.svelte';
-export { default as LoadingSpinner } from './components/LoadingSpinner.svelte';
-export { default as StatusBadge } from './components/StatusBadge.svelte';
-export { default as TextInput } from './components/TextInput.svelte';
-export { default as TextArea } from './components/TextArea.svelte';
-export { default as SelectInput } from './components/SelectInput.svelte';
-export { default as PhoneInput } from './components/PhoneInput.svelte';
-
-// Components — from Chimaro
-export { default as AudioWaveform } from './components/AudioWaveform.svelte';
-export { default as CharacterCounter } from './components/CharacterCounter.svelte';
-export { default as ColorSelector } from './components/ColorSelector.svelte';
-export { default as ConfirmModal } from './components/ConfirmModal.svelte';
-export { default as CountdownTimer } from './components/CountdownTimer.svelte';
-export { default as ImageUpload } from './components/ImageUpload.svelte';
-export { default as SmartImageEditor } from './components/SmartImageEditor.svelte';
-export { default as LazyImage } from './components/LazyImage.svelte';
-export { default as ResizablePanel } from './components/ResizablePanel.svelte';
-export { default as VoicePlayer } from './components/VoicePlayer.svelte';
-export { default as SpeechForm } from './components/SpeechForm.svelte';
-
-// Components — from Headcount
-export { default as ThemeSelector } from './components/ThemeSelector.svelte';
-export { default as Sparkline } from './components/Sparkline.svelte';
-export { default as BurndownChart } from './components/BurndownChart.svelte';
-
-// Components — from JST
-export { default as AvatarUpload } from './components/AvatarUpload.svelte';
-export { default as PdfThumbnail } from './components/PdfThumbnail.svelte';
-export { default as FilePicker } from './components/FilePicker.svelte';
-export { default as FileDropzone } from './components/FileDropzone.svelte';
-export { default as FileThumbnail } from './components/FileThumbnail.svelte';
-export { default as EntityPreviewCard } from './components/EntityPreviewCard.svelte';
-
-// EntityPreviewCard types
-export type { EntityPreviewData, EntityPreviewStat, EntityPreviewBadge } from './types/entityPreview';
-
-// FilePicker types
-export type { FilePickerFile, FilePickerSelection } from './types/filePicker';
-
-// FileDropzone types
-export type { FileDropzoneFile } from './components/FileDropzone.svelte';
-
-// Components — Document Templates (JST)
-export { default as VariablePicker } from './components/VariablePicker.svelte';
-
-// Template variable types
-export type { TemplateVar, TemplateVarGroup } from './types/templateVars';
-
-// Components — Emoji
-export { default as EmojiPicker } from './components/EmojiPicker.svelte';
-
-// Emoji data
-export { EMOJI_DATA, ALL_EMOJIS, searchEmojis } from './data/emojis';
-export type { EmojiEntry, EmojiGroup } from './data/emojis';
-
-// Components — from Meadow
-export { default as LinkShortener } from './components/LinkShortener.svelte';
-
-// Components — Media
-export { default as MediaWorkbench } from './components/MediaWorkbench.svelte';
-
-// Components — from Marduk
-export { default as SignaturePad } from './components/SignaturePad.svelte';
-export { default as MilestoneCard } from './components/MilestoneCard.svelte';
-export { default as MilestoneTimeline } from './components/MilestoneTimeline.svelte';
-export { default as TimeSlotPicker } from './components/TimeSlotPicker.svelte';
-export { default as CalendarPicker } from './components/CalendarPicker.svelte';
-export { default as AvailabilityModal } from './components/AvailabilityModal.svelte';
-export { default as BookingForm } from './components/BookingForm.svelte';
-
-// Component types — Meadow
-export type { ShortenedLink } from './components/LinkShortener.svelte';
-
-// Component types — JAT IDE
-export type { SearchDropdownOption, SearchDropdownGroup } from './components/SearchDropdown.svelte';
-export type { ChipSuggestion, SuggestionGroup, ChipInfo } from './components/ChipInput.svelte';
-export type { SortOption } from './components/SortDropdown.svelte';
-export type { ContextMenuItem } from './components/ContextMenu.svelte';
-export type { DisplaySegment } from './components/InlineEdit.svelte';
-export type { ActionButton, ActionDropdown, DropdownItem } from './components/FloatingActionBar.svelte';
-
-// Component types — Flush
-export type { SelectOption } from './components/SelectInput.svelte';
-export type { StatusValue } from './components/StatusBadge.svelte';
-
-// Milestone types (from JST contract/billing)
-export type { Milestone, MilestoneStatus } from './types/milestone';
-
-// Booking types (centralized)
-export type {
-	LocationType,
-	BookingStatus,
-	OverrideType,
-	Host,
-	EventType,
-	WeeklyAvailability,
-	DateOverride,
-	Booking,
-	BookingAttendee,
-	TimeSlot,
-	BookingFormData,
-	AvailabilityCounts
-} from './types/booking';
-export {
-	DAYS_OF_WEEK,
-	DAYS_SHORT,
-	LOCATION_LABELS,
-	LOCATION_ICONS
-} from './types/booking';
-
-// SmartImageEditor types
-export type {
-	ImageVariantSpec,
-	ImageProcessingSpec,
-	VariantResult,
-	VariantState,
-} from './types/smartImageEditor';
-
-// Utilities — date formatting
-export {
-	normalizeTimestamp,
-	parseTimestamp,
-	formatRelativeTime,
-	formatFullDate,
-	formatShortDate,
-	formatLastActivity,
-	formatDate,
-	getTimeSinceMs,
-	getTimeSinceMinutes,
-	isWithinMinutes,
-	formatDateTime,
-	taskAge,
-} from './utils/dateFormatters';
-// Utilities — task display helpers
-export {
-	statusColor,
-	priorityColor,
-	typeIcon,
-	statusLabel,
-} from './utils/taskUtils';
-
-// Utilities — phone formatting (legacy US-only)
-export {
-	stripPhoneNumber,
-	formatPhoneNumber,
-	isCompletePhoneNumber,
-	isValidPhoneNumber,
-	updatePhoneInput
-} from './utils/phoneFormat';
-
-// Utilities — international phone (E.164) — pairs with PhoneInput
-export {
-	toE164,
-	formatPhoneForDisplay,
-	isValidPhone,
-	listCountries,
-	DEFAULT_COUNTRY,
-	PRIORITY_COUNTRIES,
-	type CountryOption,
-} from './utils/phone';
-
-// Utilities — currency
-export { formatCurrency } from './utils/currency';
-
-// Utilities — DaisyUI colors (Canvas/JS contexts)
-export {
-	getDaisyUIColor,
-	lightenColor,
-	darkenColor,
-	watchThemeChanges,
-	isDarkTheme,
-	getCurrentTheme,
-	clearColorCache
-} from './utils/daisyuiColors';
-
-// Components — Messaging (from Flush)
-export { default as Avatar } from './components/messaging/Avatar.svelte';
-export { default as ChannelList } from './components/messaging/ChannelList.svelte';
-export { default as ChannelMemberAvatarStack } from './components/messaging/ChannelMemberAvatarStack.svelte';
-export { default as DirectMessageList } from './components/messaging/DirectMessageList.svelte';
-export { default as EmojiSelector } from './components/messaging/EmojiSelector.svelte';
-export { default as MentionAutocomplete } from './components/messaging/MentionAutocomplete.svelte';
-export { default as MessageAttachment } from './components/messaging/MessageAttachment.svelte';
-export { default as MessageAttachmentUpload } from './components/messaging/MessageAttachmentUpload.svelte';
-export { default as MessageInput } from './components/messaging/MessageInput.svelte';
-export { default as MessageItem } from './components/messaging/MessageItem.svelte';
-export { default as MessageThread } from './components/messaging/MessageThread.svelte';
-export { default as QuotedMessageDisplay } from './components/messaging/QuotedMessageDisplay.svelte';
-export { default as ThreadPanel } from './components/messaging/ThreadPanel.svelte';
-export { default as CreateChannelModal } from './components/messaging/CreateChannelModal.svelte';
-export { default as StartDMModal } from './components/messaging/StartDMModal.svelte';
-export { default as ChannelInfoModal } from './components/messaging/ChannelInfoModal.svelte';
-export { default as ChannelMembersModal } from './components/messaging/ChannelMembersModal.svelte';
-export { default as NotificationSettingsModal } from './components/messaging/NotificationSettingsModal.svelte';
-
-// Messaging types
-export type {
-	Message,
-	QuotedMessage,
-	MessageAttachment as MessageAttachmentType,
-	PendingAttachment,
-	Channel,
-	ChannelMember,
-	DirectConversation,
-	OrgMember,
-	EmojiCategory,
-	SkinTone,
-	StandardEmoji,
-	CustomEmoji,
-	EmojiReaction,
-	ReactionSummary,
-	EmojiSelection,
-	EmojiPreferences,
-	EmojiCategoryInfo,
-	SkinToneInfo,
-	MentionItem,
-	NotificationPreferences,
-	PresenceState,
-	MessageCallbacks,
-	ReactionCallbacks,
-	AttachmentCallbacks,
-	MentionCallbacks,
-	EmojiCallbacks,
-	ChannelCallbacks,
-	ThreadCallbacks,
-	NotificationCallbacks
-} from './types/messaging';
-export {
-	EMOJI_CATEGORIES,
-	SKIN_TONES,
-	DEFAULT_QUICK_REACTIONS
-} from './types/messaging';
-
-// Components — Pipeline
-export { default as Pipeline } from './components/pipeline/Pipeline.svelte';
-export { default as PipelineColumn } from './components/pipeline/PipelineColumn.svelte';
-export { default as PipelineCard } from './components/pipeline/PipelineCard.svelte';
-
-// Pipeline types
-export type {
-	PipelineStage,
-	StageColors,
-	PipelineItem,
-	PipelineMetric,
-	StageMetrics,
-	PipelineViewMode,
-	PipelineTableColumn,
-	PipelineDragConfig,
-	PipelineConfig,
-	PipelineStageChangeEvent,
-	PipelineItemClickEvent
-} from './types/pipeline';
-export {
-	DEFAULT_DRAG_CONFIG,
-	DEFAULT_PIPELINE_CONFIG
-} from './types/pipeline';
-
-// Utilities — mention parsing
-export {
-	parseMentions,
-	renderMentionsAsHTML,
-	createMentionString,
-	extractPlainText,
-	findMentionAtCursor,
-	findPartialMention,
-	replaceMentionInContent,
-	escapeHTML,
-	countMentions,
-	setMentionUrlGenerator
-} from './utils/mentionParser';
-
-// Components — Comments (universal threaded comments)
-export { default as CommentThread } from './components/CommentThread.svelte';
-
-// Comment types
-export type {
-	Comment,
-	CommentEntityType,
-	CommentVisibility,
-	CommentCreateInput,
-	CommentCallbacks
-} from './types/comments';
-export { COMMENT_ENTITY_TYPES, COMMENT_VISIBILITIES } from './types/comments';
-
-// Components — PDF Viewer (server-side PDFium WASM rendering, no client pdf.js)
-export { default as PDFViewer } from './components/PDFViewer.svelte';
-
-// Components — Document annotation suite (from Steelbridge FileManager)
-export { default as MarkupEditor } from './components/MarkupEditor.svelte';
-export { default as MarkupOverlay } from './components/MarkupOverlay.svelte';
-export { default as ImageLightbox } from './components/ImageLightbox.svelte';
-export { default as AnnotationLayer } from './components/AnnotationLayer.svelte';
-export { default as AnnotationPanel } from './components/AnnotationPanel.svelte';
-
-// Markup drawing utilities
-export {
-	MARKUP_COLORS,
-	DEFAULT_STROKE_WIDTH,
-	renderShape,
-	renderAllShapes,
-	nextShapeId,
-} from './components/markup';
-
-// Markup + annotation types
-export type {
-	MarkupTool,
-	Point,
-	MarkupShape,
-	ArrowShape,
-	RectangleShape,
-	EllipseShape,
-	CloudShape,
-	FreehandShape,
-	TextShape,
-} from './components/markup';
-
-export type {
-	Annotation,
-	AnnotationProfile,
-	AnnotationThread,
-	AnnotationCallbacks,
-} from './types/annotation';
-
-// Components — Keyboard Navigation
-export { default as KeyboardShortcutsOverlay } from './components/KeyboardShortcutsOverlay.svelte';
-export type {
-	KeyboardShortcut,
-	SectionEntry as KeyboardShortcutSectionEntry,
-	ShortcutSection as KeyboardShortcutSection,
-} from './components/KeyboardShortcutsOverlay.svelte';
-
-// Components — Google Maps (DispatchMap fork + location primitives)
-export { default as MapView } from './components/MapView.svelte';
-export { default as LocationMap } from './components/LocationMap.svelte';
-export { default as GPSTracker } from './components/GPSTracker.svelte';
-export type { MapJob, MapAgent } from './types/maps';
-
-// Utilities — Google Maps loader
-export {
-	loadGoogleMapsAPI,
-	isGoogleMapsLoaded,
-	isPlacesLoaded,
-	isGeometryLoaded,
-} from './utils/googleMapsLoader';

package/src/lib/stores/confirmDialog.svelte.ts

@@ -1,48 +0,0 @@
-/**
- * Global promise-based confirm dialog.
- * Usage: const ok = await showConfirm({ title: '...', body: '...' })
- */
-
-export type ConfirmOptions = {
-	title: string;
-	body?: string;
-	confirmLabel?: string;
-	cancelLabel?: string;
-	danger?: boolean;
-	timeoutMs?: number; // auto-cancel after this ms; 0 = no timeout (default 8000)
-};
-
-type Pending = {
-	options: ConfirmOptions;
-	resolve: (result: boolean) => void;
-};
-
-let pending = $state<Pending | null>(null);
-
-export function getPending(): Pending | null {
-	return pending;
-}
-
-export function showConfirm(options: ConfirmOptions): Promise<boolean> {
-	// If a dialog is already open, cancel it first.
-	if (pending) {
-		pending.resolve(false);
-	}
-	return new Promise<boolean>((resolve) => {
-		pending = { options, resolve };
-	});
-}
-
-export function confirmDialog(): void {
-	if (!pending) return;
-	const p = pending;
-	pending = null;
-	p.resolve(true);
-}
-
-export function cancelDialog(): void {
-	if (!pending) return;
-	const p = pending;
-	pending = null;
-	p.resolve(false);
-}

package/src/lib/stores/inputDialog.svelte.ts

@@ -1,51 +0,0 @@
-/**
- * Global promise-based input dialog.
- * Usage: const value = await showInput({ title: '...', placeholder: '...' })
- * Returns the typed string if confirmed, null if cancelled.
- */
-
-export type InputOptions = {
-	title: string;
-	body?: string;
-	placeholder?: string;
-	confirmLabel?: string;
-	cancelLabel?: string;
-	timeoutMs?: number; // reserved; InputDialog never auto-cancels (user is typing)
-	validate?: (value: string) => string | null; // null = valid, string = error message
-	maxLength?: number;
-};
-
-type Pending = {
-	options: InputOptions;
-	resolve: (result: string | null) => void;
-};
-
-let pending = $state<Pending | null>(null);
-
-export function getPendingInput(): Pending | null {
-	return pending;
-}
-
-export function showInput(options: InputOptions): Promise<string | null> {
-	// If a dialog is already open, cancel it first.
-	if (pending) {
-		pending.resolve(null);
-	}
-	return new Promise<string | null>((resolve) => {
-		pending = { options, resolve };
-	});
-}
-
-export function submitInput(value: string): void {
-	if (!pending) return;
-	const p = pending;
-	pending = null;
-	p.resolve(value);
-}
-
-export function cancelInput(): void {
-	if (!pending) return;
-	const p = pending;
-	pending = null;
-	p.resolve(null);
-}

package/src/lib/styles/rail.css

@@ -1,63 +0,0 @@
-/**
- * rail.css — keyboard rail-navigation primitives
- *
- * Provides focus-ring and value-change-pulse treatments for rail-nav
- * components (vertical or horizontal keyboard-navigable lists where each
- * rung carries a [data-rail-id] attribute).
- *
- * Usage: import once in your app's root layout or global stylesheet:
- *   @import '@joewinke/jatui/src/lib/styles/rail.css';
- *
- * Token: var(--color-primary) — DaisyUI v5 primary (resolves to the
- * consuming app's active theme primary hue).
- *
- * Naming contract (must match the companion railNav Svelte action):
- *   - Active-rung focus treatment: [data-rail-id]:focus-visible selector
- *     AND .rail-focus utility class (both route to the same ring + tint).
- *   - Value-change one-shot pulse: .rail-cycled (added by the action,
- *     removed after the animation fires).
- *
- * Design rules enforced:
- *   - Ring + tint only — NO colored side-stripe (§6 Don't: border-l/r > 1px).
- *   - No box-shadow at rest; shadow only during the pulse keyframe.
- *   - Respects prefers-reduced-motion.
- */
-
-/* ─── Active-rung focus ring ───────────────────────────────────────────────
-   Applied via :focus-visible on the rung element (attribute-based, works
-   without adding a class) AND via .rail-focus (explicit class, same visual).
-   The ring is primary-tinted at 65% opacity; border-radius matches DaisyUI's
-   field radius token (falls back to 0.25rem). No side-stripe. No shadow at
-   rest (Flat-by-Default rule). ─────────────────────────────────────────── */
-
-[data-rail-id]:focus-visible,
-[data-rail-id]:has(:focus-visible),
-.rail-focus {
-  outline: 2px solid color-mix(in oklch, var(--color-primary) 65%, transparent);
-  outline-offset: 2px;
-  border-radius: var(--radius-field, 0.25rem);
-}
-
-/* ─── Value-change pulse ────────────────────────────────────────────────────
-   One-shot animation applied by the railNav action when the rung's bound
-   value changes. Scales up 2.5% and blooms a brief primary-hued glow ring,
-   then returns to rest. Duration 260ms — fast enough to feel snappy,
-   long enough to register as intentional feedback.
-   Box-shadow (not outline) is used here so it can animate smoothly;
-   outline transitions are not interpolated by CSS. ─────────────────────── */
-
-@keyframes rail-cycled {
-  0%   { transform: scale(1);     box-shadow: 0 0 0 0   color-mix(in oklch, var(--color-primary)  0%, transparent); }
-  35%  { transform: scale(1.025); box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-primary) 32%, transparent); }
-  100% { transform: scale(1);     box-shadow: 0 0 0 0   color-mix(in oklch, var(--color-primary)  0%, transparent); }
-}
-
-.rail-cycled {
-  animation: rail-cycled 0.26s cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .rail-cycled {
-    animation: none;
-  }
-}

package/src/lib/types/annotation.ts

@@ -1,38 +0,0 @@
-// Annotation types for document/image annotation suite
-// Used by AnnotationLayer, AnnotationPanel, ImageLightbox
-
-export interface Annotation {
-	id: string
-	user_id: string
-	x_percent: number
-	y_percent: number
-	content: string
-	parent_annotation_id: string | null
-	resolved: boolean
-	resolved_by: string | null
-	resolved_at: string | null
-	created_at: string
-	updated_at: string
-}
-
-export interface AnnotationProfile {
-	full_name: string | null
-	avatar_url: string | null
-}
-
-export interface AnnotationThread {
-	root: Annotation
-	replies: Annotation[]
-}
-
-/** Callbacks for AnnotationPanel async operations */
-export interface AnnotationCallbacks {
-	/** Post a reply to a root annotation. Must return the new annotation or throw. */
-	onAddReply: (parentId: string, content: string) => Promise<void>
-	/** Toggle resolved state. */
-	onResolve: (annotationId: string, resolved: boolean) => Promise<void>
-	/** Delete an annotation (and its replies). */
-	onDelete: (annotationId: string) => Promise<void>
-	/** Edit annotation content. */
-	onEdit: (annotationId: string, content: string) => Promise<void>
-}