@journeyrewards/hive-vercel 1.1.0 → 1.2.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { JourneyHiveConfig, CreateResponseParams, Response, Conversation, Message, Agent } from '@journeyrewards/hive-sdk';
+import { JourneyHiveConfig, CreateResponseParams, Response, Conversation, Message, ListResponse, UpdateConversationParams, Agent, ContentPart } from '@journeyrewards/hive-sdk';
 
 interface JourneyHiveClient {
     config: JourneyHiveConfig;
@@ -15,6 +15,13 @@ interface JourneyHiveClient {
         messages(id: string): Promise<{
             data: Message[];
         }>;
+        list(params?: {
+            agent_id?: string;
+            status?: string;
+            limit?: number;
+            cursor?: string;
+        }): Promise<ListResponse<Conversation>>;
+        update(id: string, params: UpdateConversationParams): Promise<Conversation>;
     };
     agents: {
         get(id: string): Promise<Agent>;
@@ -61,6 +68,22 @@ interface UseAgentsReturn {
     error: Error | null;
 }
 declare function useAgents(): UseAgentsReturn;
+interface UseConversationsReturn {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+declare function useConversations(agentId: string): UseConversationsReturn;
+interface UseConversationActionsReturn {
+    star: (id: string, starred: boolean) => Promise<Conversation>;
+    rename: (id: string, title: string) => Promise<Conversation>;
+    update: (id: string, params: UpdateConversationParams) => Promise<Conversation>;
+    isUpdating: boolean;
+    error: Error | null;
+}
+declare function useConversationActions(): UseConversationActionsReturn;
+declare function useChartUrl(chartId: string): string;
 
 interface ResponseStreamProps {
     agentId: string;
@@ -85,6 +108,40 @@ declare function MessageBubble({ role, content, timestamp }: MessageBubbleProps)
         marginBottom: string;
     };
 }, HTMLElement>;
+interface ChartEmbedProps {
+    embedUrl?: string;
+    imageUrl?: string;
+    title?: string;
+    chartId?: string;
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare function ChartEmbed({ embedUrl, imageUrl, title, chartId, width, height, className }: ChartEmbedProps): react.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        margin: string;
+        borderRadius: string;
+        overflow: string;
+        border: string;
+        maxWidth: string;
+    };
+}, HTMLElement> | null;
+interface RichMessageProps {
+    role: string;
+    content: ContentPart[];
+    timestamp?: number;
+    className?: string;
+}
+declare function RichMessage({ role, content, timestamp, className }: RichMessageProps): react.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "flex-end" | "flex-start";
+        marginBottom: string;
+    };
+}, HTMLElement>;
 interface ConversationViewProps {
     conversationId: string;
     agentId?: string;
@@ -111,4 +168,4 @@ declare function AgentStatus({ agent }: AgentStatusProps): react.DetailedReactHT
     };
 }, HTMLElement>;
 
-export { AgentStatus, ConversationView, JourneyHiveProvider, MessageBubble, ResponseStream, useAgent, useAgents, useConversation, useJourneyHive, useResponse };
+export { AgentStatus, ChartEmbed, ConversationView, JourneyHiveProvider, MessageBubble, ResponseStream, RichMessage, useAgent, useAgents, useChartUrl, useConversation, useConversationActions, useConversations, useJourneyHive, useResponse };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { JourneyHiveConfig, CreateResponseParams, Response, Conversation, Message, Agent } from '@journeyrewards/hive-sdk';
+import { JourneyHiveConfig, CreateResponseParams, Response, Conversation, Message, ListResponse, UpdateConversationParams, Agent, ContentPart } from '@journeyrewards/hive-sdk';
 
 interface JourneyHiveClient {
     config: JourneyHiveConfig;
@@ -15,6 +15,13 @@ interface JourneyHiveClient {
         messages(id: string): Promise<{
             data: Message[];
         }>;
+        list(params?: {
+            agent_id?: string;
+            status?: string;
+            limit?: number;
+            cursor?: string;
+        }): Promise<ListResponse<Conversation>>;
+        update(id: string, params: UpdateConversationParams): Promise<Conversation>;
     };
     agents: {
         get(id: string): Promise<Agent>;
@@ -61,6 +68,22 @@ interface UseAgentsReturn {
     error: Error | null;
 }
 declare function useAgents(): UseAgentsReturn;
+interface UseConversationsReturn {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+declare function useConversations(agentId: string): UseConversationsReturn;
+interface UseConversationActionsReturn {
+    star: (id: string, starred: boolean) => Promise<Conversation>;
+    rename: (id: string, title: string) => Promise<Conversation>;
+    update: (id: string, params: UpdateConversationParams) => Promise<Conversation>;
+    isUpdating: boolean;
+    error: Error | null;
+}
+declare function useConversationActions(): UseConversationActionsReturn;
+declare function useChartUrl(chartId: string): string;
 
 interface ResponseStreamProps {
     agentId: string;
@@ -85,6 +108,40 @@ declare function MessageBubble({ role, content, timestamp }: MessageBubbleProps)
         marginBottom: string;
     };
 }, HTMLElement>;
+interface ChartEmbedProps {
+    embedUrl?: string;
+    imageUrl?: string;
+    title?: string;
+    chartId?: string;
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare function ChartEmbed({ embedUrl, imageUrl, title, chartId, width, height, className }: ChartEmbedProps): react.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        margin: string;
+        borderRadius: string;
+        overflow: string;
+        border: string;
+        maxWidth: string;
+    };
+}, HTMLElement> | null;
+interface RichMessageProps {
+    role: string;
+    content: ContentPart[];
+    timestamp?: number;
+    className?: string;
+}
+declare function RichMessage({ role, content, timestamp, className }: RichMessageProps): react.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "flex-end" | "flex-start";
+        marginBottom: string;
+    };
+}, HTMLElement>;
 interface ConversationViewProps {
     conversationId: string;
     agentId?: string;
@@ -111,4 +168,4 @@ declare function AgentStatus({ agent }: AgentStatusProps): react.DetailedReactHT
     };
 }, HTMLElement>;
 
-export { AgentStatus, ConversationView, JourneyHiveProvider, MessageBubble, ResponseStream, useAgent, useAgents, useConversation, useJourneyHive, useResponse };
+export { AgentStatus, ChartEmbed, ConversationView, JourneyHiveProvider, MessageBubble, ResponseStream, RichMessage, useAgent, useAgents, useChartUrl, useConversation, useConversationActions, useConversations, useJourneyHive, useResponse };

package/dist/index.js

@@ -21,13 +21,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AgentStatus: () => AgentStatus,
+  ChartEmbed: () => ChartEmbed,
   ConversationView: () => ConversationView,
   JourneyHiveProvider: () => JourneyHiveProvider,
   MessageBubble: () => MessageBubble,
   ResponseStream: () => ResponseStream,
+  RichMessage: () => RichMessage,
   useAgent: () => useAgent,
   useAgents: () => useAgents,
+  useChartUrl: () => useChartUrl,
   useConversation: () => useConversation,
+  useConversationActions: () => useConversationActions,
+  useConversations: () => useConversations,
   useJourneyHive: () => useJourneyHive,
   useResponse: () => useResponse
 });
@@ -100,7 +105,17 @@ function createClient(config) {
     },
     conversations: {
       get: (id) => request("GET", `/v1/conversations/${id}`),
-      messages: (id) => request("GET", `/v1/conversations/${id}/messages`)
+      messages: (id) => request("GET", `/v1/conversations/${id}/messages`),
+      list: (params) => {
+        const searchParams = new URLSearchParams();
+        if (params?.agent_id) searchParams.set("agent_id", params.agent_id);
+        if (params?.status) searchParams.set("status", params.status);
+        if (params?.limit) searchParams.set("limit", String(params.limit));
+        if (params?.cursor) searchParams.set("cursor", params.cursor);
+        const query = searchParams.toString();
+        return request("GET", `/v1/conversations${query ? `?${query}` : ""}`);
+      },
+      update: (id, params) => request("PATCH", `/v1/conversations/${id}`, params)
     },
     agents: {
       get: (id) => request("GET", `/v1/agents/${id}`),
@@ -262,6 +277,57 @@ function useAgents() {
   }, [client]);
   return { agents, isLoading, error };
 }
+function useConversations(agentId) {
+  const client = useJourneyHive();
+  const [conversations, setConversations] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const fetchConversations = (0, import_react.useCallback)(() => {
+    if (!agentId) return;
+    setIsLoading(true);
+    client.conversations.list({ agent_id: agentId }).then((result) => setConversations(result.data)).catch((err) => setError(err instanceof Error ? err : new Error(String(err)))).finally(() => setIsLoading(false));
+  }, [agentId, client]);
+  (0, import_react.useEffect)(() => {
+    fetchConversations();
+  }, [fetchConversations]);
+  return { conversations, isLoading, error, refetch: fetchConversations };
+}
+function useConversationActions() {
+  const client = useJourneyHive();
+  const [isUpdating, setIsUpdating] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const update = (0, import_react.useCallback)(
+    async (id, params) => {
+      setIsUpdating(true);
+      setError(null);
+      try {
+        const result = await client.conversations.update(id, params);
+        return result;
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        setError(error2);
+        throw error2;
+      } finally {
+        setIsUpdating(false);
+      }
+    },
+    [client]
+  );
+  const star = (0, import_react.useCallback)(
+    (id, starred) => update(id, { starred }),
+    [update]
+  );
+  const rename = (0, import_react.useCallback)(
+    (id, title) => update(id, { title }),
+    [update]
+  );
+  return { star, rename, update, isUpdating, error };
+}
+function useChartUrl(chartId) {
+  const client = useJourneyHive();
+  const baseUrl = client.config.baseUrl || "https://journey-hive.replit.app";
+  return `${baseUrl}/charts/${chartId}.png`;
+}
 
 // src/components.tsx
 var import_react2 = require("react");
@@ -331,6 +397,68 @@ function MessageBubble({ role, content, timestamp }) {
     ) : null
   );
 }
+function ChartEmbed({ embedUrl, imageUrl, title, chartId, width, height, className }) {
+  const containerStyle = {
+    margin: "8px 0 16px",
+    borderRadius: "12px",
+    overflow: "hidden",
+    border: "1px solid #e2e2ea",
+    maxWidth: width || "640px"
+  };
+  if (embedUrl) {
+    return (0, import_react2.createElement)(
+      "div",
+      { className: `jh-chart-embed ${className || ""}`.trim(), style: containerStyle },
+      (0, import_react2.createElement)("iframe", {
+        src: embedUrl,
+        title: title || "Chart",
+        style: { width: "100%", height: height || "400px", border: "none" },
+        loading: "lazy"
+      })
+    );
+  }
+  if (imageUrl) {
+    return (0, import_react2.createElement)(
+      "div",
+      { className: `jh-chart-embed ${className || ""}`.trim(), style: containerStyle },
+      (0, import_react2.createElement)("img", {
+        src: imageUrl,
+        alt: title || "Chart",
+        style: { width: "100%", height: "auto", display: "block" },
+        loading: "lazy"
+      })
+    );
+  }
+  return null;
+}
+function RichMessage({ role, content, timestamp, className }) {
+  const isUser = role === "user";
+  const textParts = content.filter((c) => c.type === "output_text");
+  const chartParts = content.filter((c) => c.type === "output_chart");
+  const text = textParts.map((c) => c.text).join("");
+  return (0, import_react2.createElement)(
+    "div",
+    {
+      className: `jh-rich-message ${className || ""}`.trim(),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: isUser ? "flex-end" : "flex-start",
+        marginBottom: "8px"
+      }
+    },
+    text ? (0, import_react2.createElement)(MessageBubble, { role, content: text, timestamp }) : null,
+    ...chartParts.map(
+      (chart) => (0, import_react2.createElement)(ChartEmbed, {
+        key: chart.chart_id,
+        embedUrl: chart.embed_url,
+        imageUrl: chart.image_url,
+        title: chart.title,
+        chartId: chart.chart_id
+      })
+    )
+  );
+}
 function ConversationView({ conversationId, agentId, className }) {
   const { messages, isLoading, error, sendMessage } = useConversation(conversationId);
   const [inputValue, setInputValue] = (0, import_react2.useState)("");
@@ -362,33 +490,14 @@ function ConversationView({ conversationId, agentId, className }) {
         className: "jh-messages",
         style: { flex: 1, overflowY: "auto", padding: "16px" }
       },
-      isLoading ? (0, import_react2.createElement)("div", { className: "jh-loading" }, "Loading messages...") : messages.map((msg) => {
-        const parts = msg.content || [];
-        const text = parts.map((c) => c.type === "output_text" ? c.text : "").join("") || "";
-        const chartParts = parts.filter((c) => c.type === "output_chart");
-        return (0, import_react2.createElement)(
-          "div",
-          { key: msg.id },
-          (0, import_react2.createElement)(MessageBubble, {
-            key: `text-${msg.id}`,
-            role: msg.role,
-            content: text,
-            timestamp: msg.created_at
-          }),
-          ...chartParts.map(
-            (chart) => (0, import_react2.createElement)("div", {
-              key: `chart-${chart.chart_id}`,
-              className: "jh-chart-embed",
-              style: { margin: "8px 0 16px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e2ea", maxWidth: "640px" }
-            }, (0, import_react2.createElement)("iframe", {
-              src: chart.embed_url,
-              title: chart.title,
-              style: { width: "100%", height: "400px", border: "none" },
-              loading: "lazy"
-            }))
-          )
-        );
-      }),
+      isLoading ? (0, import_react2.createElement)("div", { className: "jh-loading" }, "Loading messages...") : messages.map(
+        (msg) => (0, import_react2.createElement)(RichMessage, {
+          key: msg.id,
+          role: msg.role,
+          content: msg.content || [],
+          timestamp: msg.created_at
+        })
+      ),
       (0, import_react2.createElement)("div", { ref: messagesEndRef })
     ),
     (0, import_react2.createElement)(
@@ -457,13 +566,18 @@ function AgentStatus({ agent }) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AgentStatus,
+  ChartEmbed,
   ConversationView,
   JourneyHiveProvider,
   MessageBubble,
   ResponseStream,
+  RichMessage,
   useAgent,
   useAgents,
+  useChartUrl,
   useConversation,
+  useConversationActions,
+  useConversations,
   useJourneyHive,
   useResponse
 });

package/dist/index.mjs

@@ -73,7 +73,17 @@ function createClient(config) {
     },
     conversations: {
       get: (id) => request("GET", `/v1/conversations/${id}`),
-      messages: (id) => request("GET", `/v1/conversations/${id}/messages`)
+      messages: (id) => request("GET", `/v1/conversations/${id}/messages`),
+      list: (params) => {
+        const searchParams = new URLSearchParams();
+        if (params?.agent_id) searchParams.set("agent_id", params.agent_id);
+        if (params?.status) searchParams.set("status", params.status);
+        if (params?.limit) searchParams.set("limit", String(params.limit));
+        if (params?.cursor) searchParams.set("cursor", params.cursor);
+        const query = searchParams.toString();
+        return request("GET", `/v1/conversations${query ? `?${query}` : ""}`);
+      },
+      update: (id, params) => request("PATCH", `/v1/conversations/${id}`, params)
     },
     agents: {
       get: (id) => request("GET", `/v1/agents/${id}`),
@@ -235,6 +245,57 @@ function useAgents() {
   }, [client]);
   return { agents, isLoading, error };
 }
+function useConversations(agentId) {
+  const client = useJourneyHive();
+  const [conversations, setConversations] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchConversations = useCallback(() => {
+    if (!agentId) return;
+    setIsLoading(true);
+    client.conversations.list({ agent_id: agentId }).then((result) => setConversations(result.data)).catch((err) => setError(err instanceof Error ? err : new Error(String(err)))).finally(() => setIsLoading(false));
+  }, [agentId, client]);
+  useEffect(() => {
+    fetchConversations();
+  }, [fetchConversations]);
+  return { conversations, isLoading, error, refetch: fetchConversations };
+}
+function useConversationActions() {
+  const client = useJourneyHive();
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [error, setError] = useState(null);
+  const update = useCallback(
+    async (id, params) => {
+      setIsUpdating(true);
+      setError(null);
+      try {
+        const result = await client.conversations.update(id, params);
+        return result;
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        setError(error2);
+        throw error2;
+      } finally {
+        setIsUpdating(false);
+      }
+    },
+    [client]
+  );
+  const star = useCallback(
+    (id, starred) => update(id, { starred }),
+    [update]
+  );
+  const rename = useCallback(
+    (id, title) => update(id, { title }),
+    [update]
+  );
+  return { star, rename, update, isUpdating, error };
+}
+function useChartUrl(chartId) {
+  const client = useJourneyHive();
+  const baseUrl = client.config.baseUrl || "https://journey-hive.replit.app";
+  return `${baseUrl}/charts/${chartId}.png`;
+}
 
 // src/components.tsx
 import {
@@ -310,6 +371,68 @@ function MessageBubble({ role, content, timestamp }) {
     ) : null
   );
 }
+function ChartEmbed({ embedUrl, imageUrl, title, chartId, width, height, className }) {
+  const containerStyle = {
+    margin: "8px 0 16px",
+    borderRadius: "12px",
+    overflow: "hidden",
+    border: "1px solid #e2e2ea",
+    maxWidth: width || "640px"
+  };
+  if (embedUrl) {
+    return createElement2(
+      "div",
+      { className: `jh-chart-embed ${className || ""}`.trim(), style: containerStyle },
+      createElement2("iframe", {
+        src: embedUrl,
+        title: title || "Chart",
+        style: { width: "100%", height: height || "400px", border: "none" },
+        loading: "lazy"
+      })
+    );
+  }
+  if (imageUrl) {
+    return createElement2(
+      "div",
+      { className: `jh-chart-embed ${className || ""}`.trim(), style: containerStyle },
+      createElement2("img", {
+        src: imageUrl,
+        alt: title || "Chart",
+        style: { width: "100%", height: "auto", display: "block" },
+        loading: "lazy"
+      })
+    );
+  }
+  return null;
+}
+function RichMessage({ role, content, timestamp, className }) {
+  const isUser = role === "user";
+  const textParts = content.filter((c) => c.type === "output_text");
+  const chartParts = content.filter((c) => c.type === "output_chart");
+  const text = textParts.map((c) => c.text).join("");
+  return createElement2(
+    "div",
+    {
+      className: `jh-rich-message ${className || ""}`.trim(),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: isUser ? "flex-end" : "flex-start",
+        marginBottom: "8px"
+      }
+    },
+    text ? createElement2(MessageBubble, { role, content: text, timestamp }) : null,
+    ...chartParts.map(
+      (chart) => createElement2(ChartEmbed, {
+        key: chart.chart_id,
+        embedUrl: chart.embed_url,
+        imageUrl: chart.image_url,
+        title: chart.title,
+        chartId: chart.chart_id
+      })
+    )
+  );
+}
 function ConversationView({ conversationId, agentId, className }) {
   const { messages, isLoading, error, sendMessage } = useConversation(conversationId);
   const [inputValue, setInputValue] = useState2("");
@@ -341,33 +464,14 @@ function ConversationView({ conversationId, agentId, className }) {
         className: "jh-messages",
         style: { flex: 1, overflowY: "auto", padding: "16px" }
       },
-      isLoading ? createElement2("div", { className: "jh-loading" }, "Loading messages...") : messages.map((msg) => {
-        const parts = msg.content || [];
-        const text = parts.map((c) => c.type === "output_text" ? c.text : "").join("") || "";
-        const chartParts = parts.filter((c) => c.type === "output_chart");
-        return createElement2(
-          "div",
-          { key: msg.id },
-          createElement2(MessageBubble, {
-            key: `text-${msg.id}`,
-            role: msg.role,
-            content: text,
-            timestamp: msg.created_at
-          }),
-          ...chartParts.map(
-            (chart) => createElement2("div", {
-              key: `chart-${chart.chart_id}`,
-              className: "jh-chart-embed",
-              style: { margin: "8px 0 16px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e2ea", maxWidth: "640px" }
-            }, createElement2("iframe", {
-              src: chart.embed_url,
-              title: chart.title,
-              style: { width: "100%", height: "400px", border: "none" },
-              loading: "lazy"
-            }))
-          )
-        );
-      }),
+      isLoading ? createElement2("div", { className: "jh-loading" }, "Loading messages...") : messages.map(
+        (msg) => createElement2(RichMessage, {
+          key: msg.id,
+          role: msg.role,
+          content: msg.content || [],
+          timestamp: msg.created_at
+        })
+      ),
       createElement2("div", { ref: messagesEndRef })
     ),
     createElement2(
@@ -435,13 +539,18 @@ function AgentStatus({ agent }) {
 }
 export {
   AgentStatus,
+  ChartEmbed,
   ConversationView,
   JourneyHiveProvider,
   MessageBubble,
   ResponseStream,
+  RichMessage,
   useAgent,
   useAgents,
+  useChartUrl,
   useConversation,
+  useConversationActions,
+  useConversations,
   useJourneyHive,
   useResponse
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@journeyrewards/hive-vercel",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Vercel/Next.js SDK for Journey Hive Agent Orchestration",
   "main": "dist/index.js",
   "module": "dist/index.mjs",