@ryanfw/prompt-orchestration-pipeline 0.6.0 → 0.7.0

package/src/utils/time-utils.js

@@ -0,0 +1,40 @@
+/**
+ * Time utilities for handling timestamp conversions
+ */
+
+/**
+ * Converts a timestamp string or number to milliseconds since epoch
+ * @param {string|number|null|undefined} timestamp - ISO string, milliseconds, or null/undefined
+ * @returns {number|null} Milliseconds since epoch, or null if input is invalid
+ */
+export function toMilliseconds(timestamp) {
+  if (timestamp === null || timestamp === undefined) {
+    return null;
+  }
+
+  // If it's already a number, return as-is
+  if (typeof timestamp === "number") {
+    return isNaN(timestamp) ? null : timestamp;
+  }
+
+  // If it's a string, try to parse it as an ISO date
+  if (typeof timestamp === "string") {
+    const parsed = Date.parse(timestamp);
+    return isNaN(parsed) ? null : parsed;
+  }
+
+  // Invalid type
+  return null;
+}
+
+/**
+ * Safely converts startedAt/endedAt timestamps for TimerText components
+ * @param {Object} task - Task object with startedAt and/or endedAt
+ * @returns {Object} Object with startMs and endMs as numbers or null
+ */
+export function taskToTimerProps(task) {
+  return {
+    startMs: toMilliseconds(task?.startedAt),
+    endMs: toMilliseconds(task?.endedAt),
+  };
+}

package/src/utils/token-cost-calculator.js

@@ -5,7 +5,7 @@
  * by cross-referencing with LLM model pricing configuration.
  */
 
-import { getConfig } from "../core/config.js";
+import { MODEL_CONFIG } from "../config/models.js";
 
 /**
  * Calculate cost for a single token usage entry
@@ -29,7 +29,7 @@ export function calculateSingleTokenCost(tokenUsageEntry, modelsConfig = null) {
   const [modelKey, inputTokens, outputTokens] = tokenUsageEntry;
 
   // Get models config if not provided
-  const config = modelsConfig || getConfig()?.llm?.models || {};
+  const config = modelsConfig || MODEL_CONFIG;
   const modelConfig = config[modelKey];
 
   if (!modelConfig) {
@@ -259,8 +259,7 @@ export function formatCostDataForAPI(costData) {
  * @returns {Object|null} Model pricing information
  */
 export function getModelPricing(modelKey) {
-  const config = getConfig()?.llm?.models || {};
-  const modelConfig = config[modelKey];
+  const modelConfig = MODEL_CONFIG[modelKey];
 
   if (!modelConfig) {
     return null;
@@ -280,10 +279,8 @@ export function getModelPricing(modelKey) {
  * @returns {Object} All model pricing information
  */
 export function getAllModelPricing() {
-  const config = getConfig()?.llm?.models || {};
-
   const pricing = {};
-  for (const [modelKey, modelConfig] of Object.entries(config)) {
+  for (const [modelKey, modelConfig] of Object.entries(MODEL_CONFIG)) {
     pricing[modelKey] = {
       modelKey,
       provider: modelConfig.provider,

package/src/utils/ui.jsx

@@ -1,29 +1,29 @@
 import React from "react";
 import { Badge } from "../components/ui/badge.jsx";
 import { CheckCircle2, Loader2, AlertTriangle, Circle } from "lucide-react";
+import { TaskState } from "../config/statuses.js";
 
 export const statusBadge = (status) => {
   switch (status) {
-    case "running":
+    case TaskState.RUNNING:
       return (
         <Badge intent="blue" aria-label="Running">
           Running
         </Badge>
       );
-    case "failed":
+    case TaskState.FAILED:
       return (
         <Badge intent="red" aria-label="Failed">
           Failed
         </Badge>
       );
-    case "completed":
-    case "complete":
+    case TaskState.DONE:
       return (
         <Badge intent="green" aria-label="Completed">
           Completed
         </Badge>
       );
-    case "pending":
+    case TaskState.PENDING:
       return (
         <Badge intent="gray" aria-label="Pending">
           Pending
@@ -36,12 +36,11 @@ export const statusBadge = (status) => {
 
 export const taskStatusIcon = (state) => {
   switch (state) {
-    case "completed":
-    case "complete":
+    case TaskState.DONE:
       return <CheckCircle2 className="h-4 w-4 text-success" aria-hidden />;
-    case "running":
+    case TaskState.RUNNING:
       return <Loader2 className="h-4 w-4 animate-spin text-info" aria-hidden />;
-    case "failed":
+    case TaskState.FAILED:
       return <AlertTriangle className="h-4 w-4 text-destructive" aria-hidden />;
     default:
       return <Circle className="h-4 w-4 text-slate-500" aria-hidden />;
@@ -50,11 +49,11 @@ export const taskStatusIcon = (state) => {
 
 export const progressClasses = (status) => {
   switch (status) {
-    case "running":
+    case TaskState.RUNNING:
       return "bg-info/20 [&>div]:bg-info";
-    case "failed":
+    case TaskState.FAILED:
       return "bg-destructive/20 [&>div]:bg-destructive";
-    case "completed":
+    case TaskState.DONE:
       return "bg-success/20 [&>div]:bg-success";
     default:
       return "bg-muted [&>div]:bg-muted-foreground";
@@ -63,12 +62,11 @@ export const progressClasses = (status) => {
 
 export const barColorForState = (state) => {
   switch (state) {
-    case "running":
+    case TaskState.RUNNING:
       return "bg-info";
-    case "failed":
+    case TaskState.FAILED:
       return "bg-destructive";
-    case "completed":
-    case "complete":
+    case TaskState.DONE:
       return "bg-success";
     default:
       return "bg-muted-foreground";

package/src/components/ui/select.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-export function Select({ value, onValueChange, children, className = "" }) {
-  return (
-    <select
-      className={[
-        "h-9 rounded-md border px-3 text-sm bg-white",
-        className,
-      ].join(" ")}
-      value={value}
-      onChange={(e) => onValueChange?.(e.target.value)}
-    >
-      {children}
-    </select>
-  );
-}
-export function SelectItem({ value, children }) {
-  return <option value={value}>{children}</option>;
-}
-export function SelectTrigger({ children, ...p }) {
-  return <>{children}</>;
-} // keep API compatible
-export function SelectContent({ children }) {
-  return <>{children}</>;
-}
-export function SelectValue({ placeholder }) {
-  return <>{placeholder}</>;
-}

package/src/lib/utils.js

@@ -1,6 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}

package/src/ui/client/hooks/useTicker.js

@@ -1,26 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-
-/**
- * Reactive ticker hook that provides updating timestamp
- * @param {number} intervalMs - Update interval in milliseconds (default: 1000)
- * @returns {number} Current timestamp that updates on interval
- */
-export function useTicker(intervalMs = 1000) {
-  const [now, setNow] = useState(() => Date.now());
-
-  useEffect(() => {
-    // Set up interval to update timestamp
-    const intervalId = setInterval(() => {
-      setNow(Date.now());
-    }, intervalMs);
-
-    // Cleanup interval on unmount
-    return () => {
-      clearInterval(intervalId);
-    };
-  }, [intervalMs]);
-
-  return now;
-}
-
-export default useTicker;

package/src/ui/config-bridge.browser.js

@@ -1,149 +0,0 @@
-/**
- * Browser-specific configuration bridge for UI helpers.
- * Contains only browser-safe utilities (no Node APIs).
- */
-
-/**
- * Global constants and contracts for project data display system
- * @namespace Constants
- */
-export const Constants = {
-  /**
-   * Job ID validation regex
-   * @type {RegExp}
-   */
-  JOB_ID_REGEX: /^[A-Za-z0-9-_]+$/,
-
-  /**
-   * Valid task states
-   * @type {string[]}
-   */
-  TASK_STATES: ["pending", "running", "done", "failed"],
-
-  /**
-   * Valid job locations
-   * @type {string[]}
-   */
-  JOB_LOCATIONS: ["current", "complete"],
-
-  /**
-   * Status sort order (descending priority)
-   * @type {string[]}
-   */
-  STATUS_ORDER: ["running", "failed", "pending", "complete"],
-
-  /**
-   * File size limits for reading
-   * @type {Object}
-   */
-  FILE_LIMITS: {
-    MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB
-  },
-
-  /**
-   * Retry configuration for atomic reads
-   * @type {Object}
-   */
-  RETRY_CONFIG: {
-    MAX_ATTEMPTS: 3,
-    DELAY_MS: 1000,
-  },
-
-  /**
-   * SSE debounce configuration
-   * @type {Object}
-   */
-  SSE_CONFIG: {
-    DEBOUNCE_MS: 200,
-  },
-
-  /**
-   * Error codes for structured error responses
-   * @type {Object}
-   */
-  ERROR_CODES: {
-    NOT_FOUND: "not_found",
-    INVALID_JSON: "invalid_json",
-    FS_ERROR: "fs_error",
-    JOB_NOT_FOUND: "job_not_found",
-    BAD_REQUEST: "bad_request",
-  },
-};
-
-/**
- * Validates a job ID against the global contract
- * @param {string} jobId - Job ID to validate
- * @returns {boolean} True if valid
- */
-export function validateJobId(jobId) {
-  return Constants.JOB_ID_REGEX.test(jobId);
-}
-
-/**
- * Validates a task state against the global contract
- * @param {string} state - Task state to validate
- * @returns {boolean} True if valid
- */
-export function validateTaskState(state) {
-  return Constants.TASK_STATES.includes(state);
-}
-
-/**
- * Gets the status sort priority for a job status
- * @param {string} status - Job status
- * @returns {number} Sort priority (lower number = higher priority)
- */
-export function getStatusPriority(status) {
-  const index = Constants.STATUS_ORDER.indexOf(status);
-  return index === -1 ? Constants.STATUS_ORDER.length : index;
-}
-
-/**
- * Determines job status based on task states
- * @param {Object} tasks - Tasks object from tasks-status.json
- * @returns {string} Job status
- */
-export function determineJobStatus(tasks = {}) {
-  const taskEntries = Object.entries(tasks);
-
-  if (taskEntries.length === 0) {
-    return "pending";
-  }
-
-  const taskStates = taskEntries.map(([_, task]) => task.state);
-
-  if (taskStates.includes("failed")) {
-    return "failed";
-  }
-
-  if (taskStates.includes("running")) {
-    return "running";
-  }
-
-  if (taskStates.every((state) => state === "done")) {
-    return "complete";
-  }
-
-  return "pending";
-}
-
-/**
- * Creates a structured error response
- * @param {string} code - Error code
- * @param {string} message - Error message
- * @param {string} [path] - Optional file path
- * @returns {Object} Structured error object
- */
-export function createErrorResponse(code, message, path = null) {
-  const error = {
-    ok: false,
-    code,
-    message,
-  };
-
-  if (path) {
-    error.path = path;
-  }
-
-  return error;
-}