cowork-dash 0.2.0__py3-none-any.whl → 0.2.2__py3-none-any.whl

cowork_dash/assets/styles.css

@@ -156,6 +156,15 @@ code, pre, .mono {
     line-height: 1.6;
 }
 
+/* Tighter spacing for consecutive AI text blocks */
+#chat-messages .ai-text-block p {
+    margin: 0;
+}
+
+#chat-messages .ai-text-block p:last-child {
+    margin-bottom: 0;
+}
+
 #chat-messages ul, #chat-messages ol {
     margin: 6px 0;
     padding-left: 20px;
@@ -1158,3 +1167,14 @@ details.display-inline-container[open] > .display-inline-summary::before {
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+/* Fullscreen button for HTML/PDF preview */
+.fullscreen-btn {
+    opacity: 0.7;
+    transition: opacity 0.15s ease, background-color 0.15s ease;
+}
+
+.fullscreen-btn:hover {
+    opacity: 1;
+    background-color: rgba(255,255,255,1) !important;
+}

cowork_dash/components.py

@@ -82,20 +82,110 @@ def format_loading(colors: Dict):
 
 
 def format_thinking(thinking_text: str, colors: Dict):
-    """Format thinking as an inline subordinate message."""
+    """Format thinking as an inline subordinate message (non-collapsible)."""
     if not thinking_text:
         return None
 
-    return html.Details([
-        html.Summary("Thinking", className="details-summary details-summary-thinking"),
-        html.Div(thinking_text, className="details-content details-content-thinking", style={
+    return html.Div([
+        html.Div("Thinking", style={
+            "fontSize": "12px",
+            "fontWeight": "500",
+            "color": colors.get("thinking", colors.get("text_muted", "#888")),
+            "marginBottom": "2px",
+        }),
+        html.Div(thinking_text, style={
             "whiteSpace": "pre-wrap",
+            "fontSize": "13px",
+            "color": colors.get("text_muted", "#666"),
+            "paddingLeft": "8px",
+            "borderLeft": f"2px solid {colors.get('thinking', '#7c4dff')}",
         })
-    ], open=True, className="chat-details", style={
+    ], style={
         "marginBottom": "4px",
     })
 
 
+def format_ai_text(text: str, colors: Dict, is_new: bool = False):
+    """Format AI text response (without the full message wrapper).
+
+    This is used when rendering ordered content items where thinking
+    and text are interleaved.
+    """
+    if not text:
+        return None
+
+    return dcc.Markdown(
+        text,
+        className="ai-text-block",
+        style={
+            "fontSize": "15px",
+            "lineHeight": "1.5",
+            "margin": "0",
+            "padding": "0",
+        }
+    )
+
+
+def render_ordered_content_items(content_items: List[Dict], colors: Dict, styles: Dict = None, response_time: float = None) -> List:
+    """Render content items in their original emission order.
+
+    Args:
+        content_items: List of {"type": "text"|"thinking"|"display_inline", "content": ...}
+        colors: Color scheme dict
+        styles: Optional styles dict
+        response_time: Optional response time to show after the last text item
+
+    Returns:
+        List of rendered Dash components in order
+    """
+    if not content_items:
+        return []
+
+    rendered = []
+    last_text_index = None
+
+    # Find the last text item index for response time display
+    for i, item in enumerate(content_items):
+        if item.get("type") == "text":
+            last_text_index = i
+
+    for i, item in enumerate(content_items):
+        item_type = item.get("type")
+        content = item.get("content", "")
+
+        if not content:
+            continue
+
+        if item_type == "thinking":
+            block = format_thinking(content, colors)
+            if block:
+                rendered.append(block)
+        elif item_type == "text":
+            # For the last text item, we might want to show response time
+            is_last_text = (i == last_text_index)
+            block = format_ai_text(content, colors)
+            if block:
+                rendered.append(block)
+                # Add response time after the last text block
+                if is_last_text and response_time is not None:
+                    time_display = f"{response_time:.1f}s" if response_time >= 1 else f"{response_time*1000:.0f}ms"
+                    rendered.append(html.Span(
+                        time_display,
+                        style={
+                            "fontSize": "11px",
+                            "color": colors.get("text_muted", "#888"),
+                            "marginLeft": "4px",
+                        }
+                    ))
+        elif item_type == "display_inline":
+            # content is the full display_inline item dict
+            block = render_display_inline_result(content, colors)
+            if block:
+                rendered.append(block)
+
+    return rendered
+
+
 def format_todos(todos, colors: Dict):
     """Format todo list. Handles both list format [{"content": ..., "status": ...}] and dict format {task_name: status}."""
     if not todos:
@@ -201,13 +291,23 @@ def format_tool_call(tool_call: Dict, colors: Dict, is_completed: bool = False):
 
     # Format args for display (truncate if too long)
     args_display = ""
+    args_preview = ""  # Short preview for header
     if tool_args:
         try:
+            # Compact JSON for preview (no indentation)
+            args_compact = json.dumps(tool_args, separators=(',', ':'))
+            if len(args_compact) > 100:
+                args_preview = args_compact[:100] + "..."
+            else:
+                args_preview = args_compact
+
+            # Full JSON for expanded view
             args_str = json.dumps(tool_args, indent=2)
             if len(args_str) > 500:
                 args_str = args_str[:500] + "..."
             args_display = args_str
         except:
+            args_preview = str(tool_args)[:100]
             args_display = str(tool_args)[:500]
 
     # Build inner content (shown when expanded)
@@ -235,11 +335,14 @@ def format_tool_call(tool_call: Dict, colors: Dict, is_completed: bool = False):
                 html.Pre(result_display, className="tool-call-result")
             ]))
 
+    # Build header text: tool_name(args_preview)
+    header_text = f"{tool_name}({args_preview})" if args_preview else tool_name
+
     # Wrap entire tool call in a details element
     return html.Details([
         html.Summary([
             html.Span(className="tool-call-status-dot"),
-            html.Span(tool_name, className="tool-call-name"),
+            html.Span(header_text, className="tool-call-name"),
         ], className="tool-call-header"),
         html.Div(inner_children, className="tool-call-body") if inner_children else None
     ], className=f"tool-call {status_class}")
@@ -349,24 +452,53 @@ def render_display_inline_result(result: Dict, colors: Dict) -> html.Div:
         ])
 
     elif display_type == "html":
-        # Show preview thumbnail with expand button
-        preview_content = preview or data
-        if len(str(preview_content)) > 500:
-            preview_content = str(preview_content)[:500] + "..."
-
-        content_element = html.Details([
-            html.Summary("HTML Content", className="tool-call-summary"),
-            html.Iframe(
-                srcDoc=data,
+        # Show HTML preview directly in iframe (like PDF)
+        if not data:
+            content_element = html.Div(
+                "Error: HTML content is empty or missing",
+                style={"color": "red", "padding": "10px"}
+            )
+        else:
+            # Create fullscreen button
+            fullscreen_btn = html.Button(
+                DashIconify(icon="mdi:fullscreen", width=18),
+                id={"type": "fullscreen-btn", "index": item_id},
+                className="fullscreen-btn",
+                title="View fullscreen",
                 style={
-                    "width": "100%",
-                    "height": "300px",
+                    "position": "absolute",
+                    "top": "8px",
+                    "right": "8px",
+                    "background": "rgba(255,255,255,0.9)",
                     "border": "1px solid #ddd",
-                    "borderRadius": "5px",
-                    "backgroundColor": "white",
+                    "borderRadius": "4px",
+                    "cursor": "pointer",
+                    "padding": "4px 6px",
+                    "display": "flex",
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                    "zIndex": "10",
                 }
             )
-        ], className="display-inline-html")
+            # Store data for fullscreen modal
+            fullscreen_store = dcc.Store(
+                id={"type": "fullscreen-data", "index": item_id},
+                data={"type": "html", "content": data, "title": title or "HTML Preview"}
+            )
+            content_element = html.Div([
+                fullscreen_btn,
+                html.Iframe(
+                    srcDoc=data,
+                    style={
+                        "width": "100%",
+                        "height": "400px",
+                        "border": "none",
+                        "borderRadius": "5px",
+                        "backgroundColor": "white",
+                    }
+                ),
+                fullscreen_store,
+            ], style={"position": "relative"})
 
     elif display_type == "pdf":
         mime_type = result.get("mime_type", "application/pdf")
@@ -378,16 +510,46 @@ def render_display_inline_result(result: Dict, colors: Dict) -> html.Div:
             )
         else:
             data_url = f"data:{mime_type};base64,{data}"
-            # Use iframe instead of embed for better browser compatibility
-            content_element = html.Iframe(
-                src=data_url,
+            # Create fullscreen button
+            fullscreen_btn = html.Button(
+                DashIconify(icon="mdi:fullscreen", width=18),
+                id={"type": "fullscreen-btn", "index": item_id},
+                className="fullscreen-btn",
+                title="View fullscreen",
                 style={
-                    "width": "100%",
-                    "height": "400px",
-                    "border": "none",
-                    "borderRadius": "5px",
+                    "position": "absolute",
+                    "top": "8px",
+                    "right": "8px",
+                    "background": "rgba(255,255,255,0.9)",
+                    "border": "1px solid #ddd",
+                    "borderRadius": "4px",
+                    "cursor": "pointer",
+                    "padding": "4px 6px",
+                    "display": "flex",
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                    "zIndex": "10",
                 }
             )
+            # Store data for fullscreen modal
+            fullscreen_store = dcc.Store(
+                id={"type": "fullscreen-data", "index": item_id},
+                data={"type": "pdf", "content": data_url, "title": title or "PDF Preview"}
+            )
+            # Use iframe instead of embed for better browser compatibility
+            content_element = html.Div([
+                fullscreen_btn,
+                html.Iframe(
+                    src=data_url,
+                    style={
+                        "width": "100%",
+                        "height": "400px",
+                        "border": "none",
+                        "borderRadius": "5px",
+                    }
+                ),
+                fullscreen_store,
+            ], style={"position": "relative"})
 
     elif display_type == "json":
         json_str = json.dumps(data, indent=2) if isinstance(data, (dict, list)) else str(data)
@@ -477,16 +639,38 @@ def render_display_inline_result(result: Dict, colors: Dict) -> html.Div:
         }
     )
 
+    # Create download button
+    download_btn = html.Button(
+        DashIconify(icon="mdi:download", width=16),
+        id={"type": "download-display-btn", "index": item_id},
+        className="download-display-btn",
+        title="Download",
+        style={
+            "background": "transparent",
+            "border": "none",
+            "cursor": "pointer",
+            "padding": "4px",
+            "borderRadius": "4px",
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "marginLeft": "4px",
+        }
+    )
+
     # Store the result data in a hidden div for the callback to retrieve
     result_store = dcc.Store(
         id={"type": "display-inline-data", "index": item_id},
         data=result
     )
 
-    # Build summary with text and button
+    # Build summary with text and buttons
     summary_content = html.Div([
         html.Span(summary_text, className="display-inline-summary-text"),
-        add_to_canvas_btn,
+        html.Div([
+            add_to_canvas_btn,
+            download_btn,
+        ], style={"display": "flex", "alignItems": "center"}),
     ], className="display-inline-summary-row", style={
         "display": "flex",
         "alignItems": "center",

cowork_dash/layout.py

@@ -53,6 +53,7 @@ def create_layout(workspace_root, app_title, app_subtitle, colors, styles, agent
             dcc.Store(id="theme-store", data="light", storage_type="local"),
             dcc.Store(id="current-workspace-path", data=""),  # Relative path from original workspace root
             dcc.Store(id="collapsed-canvas-items", data=[]),  # Track which canvas items are collapsed
+            dcc.Store(id="sidebar-collapsed", data=False),  # Track if sidebar is collapsed
             dcc.Download(id="file-download"),
 
             # Interval for polling agent updates (disabled by default)
@@ -134,6 +135,22 @@ def create_layout(workspace_root, app_title, app_subtitle, colors, styles, agent
                 opened=False,
             ),
 
+            # Fullscreen preview modal for HTML/PDF
+            dmc.Modal(
+                id="fullscreen-preview-modal",
+                title="Preview",
+                size="100%",
+                children=[
+                    html.Div(id="fullscreen-preview-content", style={"height": "calc(100vh - 120px)"})
+                ],
+                opened=False,
+                styles={
+                    "content": {"height": "95vh", "maxHeight": "95vh"},
+                    "body": {"height": "calc(100% - 60px)", "padding": "0"},
+                },
+            ),
+            dcc.Store(id="fullscreen-preview-data", data=None),
+
             html.Div([
                 # Compact Header
                 html.Header([
@@ -264,6 +281,13 @@ def create_layout(workspace_root, app_title, app_subtitle, colors, styles, agent
                                 variant="default",
                                 size="md",
                             ),
+                            dmc.ActionIcon(
+                                DashIconify(icon="mdi:chevron-right", width=18),
+                                id="collapse-sidebar-btn",
+                                variant="subtle",
+                                size="md",
+                                **{"aria-label": "Collapse sidebar"},
+                            ),
                         ], id="files-actions", gap=5)
                     ], id="sidebar-header", style={
                         "display": "flex", "justifyContent": "space-between",
@@ -346,6 +370,25 @@ def create_layout(workspace_root, app_title, app_subtitle, colors, styles, agent
                     "background": "var(--mantine-color-body)",
                     "borderLeft": "1px solid var(--mantine-color-default-border)",
                 }),
+
+                # Expand button (shown when sidebar is collapsed)
+                html.Div([
+                    dmc.ActionIcon(
+                        DashIconify(icon="mdi:chevron-left", width=18),
+                        id="expand-sidebar-btn",
+                        variant="subtle",
+                        size="md",
+                        **{"aria-label": "Expand sidebar"},
+                    ),
+                ], id="sidebar-expand-btn", style={
+                    "display": "none",
+                    "alignItems": "flex-start",
+                    "paddingTop": "8px",
+                    "paddingLeft": "2px",
+                    "paddingRight": "2px",
+                    "borderLeft": "1px solid var(--mantine-color-default-border)",
+                    "background": "var(--mantine-color-body)",
+                }),
             ], id="main-container", style={"display": "flex", "flex": "1", "overflow": "hidden"}),
         ], id="app-container", style={"display": "flex", "flexDirection": "column", "height": "100vh"})
     ])

cowork_dash/tools.py

@@ -230,37 +230,6 @@ except (ImportError, AttributeError):
         if VIRTUAL_FS:
             self._inject_virtual_fs_helpers()
 
-        # Inject add_to_canvas function that captures items
-        def _add_to_canvas_wrapper(content: Any) -> Dict[str, Any]:
-            """Add content to the canvas for visualization.
-
-            Supports: DataFrames, matplotlib figures, plotly figures,
-            PIL images, and markdown strings.
-            """
-            try:
-                # Use session's VirtualFilesystem in virtual FS mode, otherwise physical path
-                if VIRTUAL_FS and self._session_id:
-                    from .virtual_fs import get_session_manager
-                    workspace_root = get_session_manager().get_filesystem(self._session_id)
-                    if workspace_root is None:
-                        raise RuntimeError(f"Session {self._session_id} not found")
-                else:
-                    workspace_root = WORKSPACE_ROOT
-
-                parsed = parse_canvas_object(content, workspace_root=workspace_root)
-                self._canvas_items.append(parsed)
-                return parsed
-            except Exception as e:
-                error_result = {
-                    "type": "error",
-                    "data": f"Failed to add to canvas: {str(e)}",
-                    "error": str(e)
-                }
-                self._canvas_items.append(error_result)
-                return error_result
-
-        self._namespace["add_to_canvas"] = _add_to_canvas_wrapper
-
     def _inject_virtual_fs_helpers(self):
         """Inject virtual filesystem helper functions into the namespace."""
         from .virtual_fs import get_session_manager
@@ -1089,6 +1058,9 @@ def _display_inline_impl(
         # Handle explicit display_type for strings
         if isinstance(content, str) and display_type:
             if display_type == "html":
+                # Check if it's a file path first
+                if _is_file_path(content, workspace_root):
+                    return _process_file_for_display(content, workspace_root, title, "html")
                 result["display_type"] = "html"
                 result["data"] = content
                 result["preview"] = content[:500] + "..." if len(content) > 500 else content
@@ -1098,6 +1070,9 @@ def _display_inline_impl(
                 result["data"] = content
                 return result
             elif display_type in ("csv", "dataframe"):
+                # Check if it's a file path first
+                if _is_file_path(content, workspace_root):
+                    return _process_file_for_display(content, workspace_root, title, "csv")
                 # Parse CSV string
                 try:
                     import pandas as pd
@@ -1109,6 +1084,9 @@ def _display_inline_impl(
                     result["error"] = f"Could not parse as CSV: {e}"
                     return result
             elif display_type == "json":
+                # Check if it's a file path first
+                if _is_file_path(content, workspace_root):
+                    return _process_file_for_display(content, workspace_root, title, "json")
                 result["display_type"] = "json"
                 try:
                     result["data"] = json.loads(content) if isinstance(content, str) else content
@@ -1123,6 +1101,9 @@ def _display_inline_impl(
                 result["data"] = content  # Assume base64
                 return result
             elif display_type == "plotly":
+                # Check if it's a file path first
+                if _is_file_path(content, workspace_root):
+                    return _process_file_for_display(content, workspace_root, title, "plotly")
                 result["display_type"] = "plotly"
                 if isinstance(content, str):
                     result["data"] = json.loads(content)
@@ -1406,14 +1387,18 @@ def _process_file_for_display(
                 result["error"] = f"Could not parse as CSV: {e}"
                 return result
 
-    # JSON files (check for Plotly)
-    if ext == '.json' or display_type == "json":
+    # JSON files (check for Plotly) or explicit plotly display_type
+    if ext == '.json' or display_type in ("json", "plotly"):
         content, is_text, error = read_file_content(workspace_root, file_path)
         if content:
             try:
                 data = json.loads(content)
-                # Check if it's Plotly JSON
-                if isinstance(data, dict) and 'data' in data and isinstance(data.get('data'), list):
+                # Force plotly if display_type is explicitly set, otherwise auto-detect
+                if display_type == "plotly":
+                    result["display_type"] = "plotly"
+                    result["data"] = data
+                # Check if it's Plotly JSON (auto-detect)
+                elif isinstance(data, dict) and 'data' in data and isinstance(data.get('data'), list):
                     result["display_type"] = "plotly"
                     result["data"] = data
                 else:

{cowork_dash-0.2.0.dist-info → cowork_dash-0.2.2.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: cowork-dash
-Version: 0.2.0
+Version: 0.2.2
 Summary: AI Agent Web Interface with Filesystem and Canvas Visualization
 Project-URL: Homepage, https://github.com/dkedar7/cowork-dash
 Project-URL: Documentation, https://github.com/dkedar7/cowork-dash/blob/main/README.md

{cowork_dash-0.2.0.dist-info → cowork_dash-0.2.2.dist-info}/RECORD

@@ -1,23 +1,23 @@
 cowork_dash/__init__.py,sha256=37qBKl7g12Zos8GFukXLXligCdpD32e2qe9F8cd8Qdk,896
 cowork_dash/__main__.py,sha256=CCM9VIkWuwh7hwVGNBBgCCbeVAcHj1soyBVXUaPgABk,131
-cowork_dash/agent.py,sha256=ZtpgRAft29OaD_GdJidfmZJ7_gzhP4ezQz136tUCByM,6853
-cowork_dash/app.py,sha256=jKpaHlsZ1GH17OVB3PXb2xMoqLjl_XI7u1mdcNEMtvA,148643
+cowork_dash/agent.py,sha256=ebbqie02mbk7iemnQ3EFUap6Ywfc9iGfuJJjEYTJF8A,6497
+cowork_dash/app.py,sha256=1xgY3HfXtEZE4D8yrcHGWTlza5-JNpHeVzemnyFhUOg,163453
 cowork_dash/backends.py,sha256=YQE8f65o2qGxIIfvBITAS6krCLjl8D9UixW-pgbdgZk,15050
 cowork_dash/canvas.py,sha256=sYOQ5WBLm29UazA5KO7j8jvIeQpx55LToz1o44o2U-k,17261
 cowork_dash/cli.py,sha256=HRxu_k_AphxD8JuLOVTIb6a1lmSdX7ziGCxnEBrW2gA,7561
-cowork_dash/components.py,sha256=fbqxTgFVILiWdxlJFBQVBc7klM3SaSvhjnwWlOl0V0s,36289
+cowork_dash/components.py,sha256=DtJn7vQH5AKvbRQ4xCa5jfd3XeSLFe07wNJp5r8y-vc,43029
 cowork_dash/config.py,sha256=vVyDiX9Cdjk1wiZ_ktC3I2aiFC-GndNvLXWGW4aXUOM,5094
 cowork_dash/file_utils.py,sha256=qIpTycCNRIQWhdGcO8OIAKmehrxwkMMumgqw-5MjbSg,15431
-cowork_dash/layout.py,sha256=eDMingJVkcG5NeYuCFREaH21LNMBa6Ut5MSw9MV5eO0,16662
+cowork_dash/layout.py,sha256=x38qpNmk7Ry69-YjnQwyiusrJtVsBech3Q7RvegEHSc,18610
 cowork_dash/sandbox.py,sha256=T0TMnZefPJj4OV1D1GNaYrircSG4MhXHk0IPizHXqME,11766
-cowork_dash/tools.py,sha256=MP-OX-OEeROtgcqJVQERAx91IP0th13O95L4EMP_dY8,58448
+cowork_dash/tools.py,sha256=JXpYcE7AjBXki1HxZjDrSzMzyHBk0qdscbIEOl1AIZw,58150
 cowork_dash/virtual_fs.py,sha256=PAAdRiMkxgJ4xPpGUyAUd69KbH-nFlt-FjldfB1FrQ4,16296
 cowork_dash/assets/app.js,sha256=Rln4MQPxfyOcyH4lkSbT4RAP-fqF1lT_Qw25cHHUFS8,10157
 cowork_dash/assets/favicon.ico,sha256=IiP0rVr0m-TBGGmCY88SyFC14drNwDhLRqb0n2ZufKk,54252
 cowork_dash/assets/favicon.svg,sha256=MdT50APCvIlWh3HSwW5SNXYWB3q_wKfuLP-JV53SnKg,1065
-cowork_dash/assets/styles.css,sha256=9XoUoDB6s5xX3o3nifwiY6WFgrb_2y2JXP4OYlCs-Lc,28914
-cowork_dash-0.2.0.dist-info/METADATA,sha256=NAS-bflWJMhTrYQmMhwJ-HCp7PX6kCVqW4IPOuYHosg,6719
-cowork_dash-0.2.0.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-cowork_dash-0.2.0.dist-info/entry_points.txt,sha256=lL_9XJINiky3nh13tLqWd61LitKbbyh085ROATH9fck,53
-cowork_dash-0.2.0.dist-info/licenses/LICENSE,sha256=2SFXFfIa_c_g_uwY0JApQDXI1mWqEfJeG87Pn4ehLMQ,1072
-cowork_dash-0.2.0.dist-info/RECORD,,
+cowork_dash/assets/styles.css,sha256=hUmw_dYhZJJQQ20iuz7sosrOiGouNE1tkWuyEdBMvaI,29335
+cowork_dash-0.2.2.dist-info/METADATA,sha256=fe67fO8mfql-IIaxV6gCoOejPg0K3Xg5ojiWWj6CwF4,6719
+cowork_dash-0.2.2.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+cowork_dash-0.2.2.dist-info/entry_points.txt,sha256=lL_9XJINiky3nh13tLqWd61LitKbbyh085ROATH9fck,53
+cowork_dash-0.2.2.dist-info/licenses/LICENSE,sha256=2SFXFfIa_c_g_uwY0JApQDXI1mWqEfJeG87Pn4ehLMQ,1072
+cowork_dash-0.2.2.dist-info/RECORD,,