release: v0.18.6 — share CSS isolation + workspace responsiveness + Makefile fix

DavidsonGomes · claude · DavidsonGomes · commit 64f82d868beb · 2026-04-12T16:29:59.000-03:00
Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.18.6] - 2026-04-12
+
+### Fixed
+
+- **Share viewer CSS isolation** — shared HTML files now render inside an `<iframe>` with `srcDoc` instead of `dangerouslySetInnerHTML`, preventing Tailwind preflight and global dashboard styles from overriding the shared file's internal CSS (e.g., centered headers appearing left-aligned)
+- **Workspace file manager responsiveness** — FileTree sidebar now collapses into a slide-over drawer on mobile (`<lg` breakpoint) with overlay and toggle button. Toolbar buttons show icons-only on small screens (`<sm`). Selecting a file auto-closes the sidebar on mobile
+- **Makefile `make run` IndentationError** — multiline Python `-c` commands had tab characters from Makefile indentation leaking into the Python source, causing `IndentationError: unexpected indent`. Collapsed to single-line commands
+
 ## [0.18.5] - 2026-04-12
 
 ### Added
diff --git a/Makefile b/Makefile
@@ -60,30 +60,10 @@ learn-weekly:       ## 📚 Learning loop weekly report — overdue facts + stat
 #   make run R=community-week
 
 run:                ## ▶️  Run any routine: make run R=<id>  (e.g. make run R=fin-pulse)
-	@$(PYTHON) -c "\
-	import sys; sys.path.insert(0, 'dashboard/backend'); \
-	from routes._helpers import get_routine_scripts; \
-	scripts = get_routine_scripts(); \
-	r = '$(R)'; \
-	s = scripts.get(r) or next((v for k,v in scripts.items() if r.replace('-','_') in v), None); \
-	print(f'Running: {s}') if s else (print(f'Unknown routine: {r}. Available: {\" \".join(sorted(scripts.keys()))}'), exit(1)); \
-	" && $(PYTHON) $(ADW_DIR)/$$($(PYTHON) -c "\
-	import sys; sys.path.insert(0, 'dashboard/backend'); \
-	from routes._helpers import get_routine_scripts; \
-	scripts = get_routine_scripts(); \
-	r = '$(R)'; \
-	s = scripts.get(r) or next((v for k,v in scripts.items() if r.replace('-','_') in v), ''); \
-	print(s); \
-	")
+	@$(PYTHON) -c "import sys; sys.path.insert(0, 'dashboard/backend'); from routes._helpers import get_routine_scripts; scripts = get_routine_scripts(); r = '$(R)'; s = scripts.get(r) or next((v for k,v in scripts.items() if r.replace('-','_') in v), None); print(f'Running: {s}') if s else (print(f'Unknown routine: {r}'), exit(1))" && $(PYTHON) $(ADW_DIR)/$$($(PYTHON) -c "import sys; sys.path.insert(0, 'dashboard/backend'); from routes._helpers import get_routine_scripts; scripts = get_routine_scripts(); r = '$(R)'; s = scripts.get(r) or next((v for k,v in scripts.items() if r.replace('-','_') in v), ''); print(s)")
 
 list-routines:      ## 📋 List all available routines (dynamic from scripts)
-	@$(PYTHON) -c "\
-	import sys; sys.path.insert(0, 'dashboard/backend'); \
-	from routes._helpers import discover_routines; \
-	routines = discover_routines(); \
-	[print(f'  \033[36m{k:20s}\033[0m {v[\"name\"]:30s} @{v[\"agent\"]:<10s} {v[\"script\"]}') for k,v in sorted(routines.items())]; \
-	print(f'\n  {len(routines)} routines available — run with: make run R=<id>'); \
-	"
+	@$(PYTHON) -c "import sys; sys.path.insert(0, 'dashboard/backend'); from routes._helpers import discover_routines; routines = discover_routines(); [print(f'  \033[36m{k:20s}\033[0m {v[\"name\"]:30s} @{v[\"agent\"]:<10s} {v[\"script\"]}') for k,v in sorted(routines.items())]; print(f'\n  {len(routines)} routines available — run with: make run R=<id>')"
 
 # ── Agent Teams (experimental, opt-in) ───
 # Parallel multi-agent versions of consolidation routines.
diff --git a/cli/package.json b/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@evoapi/evo-nexus",
-  "version": "0.18.5",
+  "version": "0.18.6",
   "description": "Unofficial open source toolkit for Claude Code — AI-powered business operating system",
   "keywords": [
     "claude-code",
diff --git a/dashboard/frontend/src/components/workspace/FileToolbar.tsx b/dashboard/frontend/src/components/workspace/FileToolbar.tsx
@@ -122,7 +122,7 @@ function ToolbarButton({ icon, label, onClick, variant = 'default', disabled = f
       onMouseUp={handleMouseUp}
     >
       {icon}
-      <span>{label}</span>
+      <span className="hidden sm:inline">{label}</span>
     </button>
   )
 }
@@ -166,8 +166,6 @@ export default function FileToolbar({
     <div
       className="flex items-center gap-0.5 px-3 py-2 overflow-x-auto"
       style={{
-        background: 'var(--bg-card)',
-        borderBottom: '1px solid var(--border)',
         minHeight: '44px',
         flexShrink: 0,
       }}
diff --git a/dashboard/frontend/src/pages/ShareView.tsx b/dashboard/frontend/src/pages/ShareView.tsx
@@ -94,11 +94,22 @@ export default function ShareView() {
     load()
   }, [token])
 
-  // Full-page HTML rendering
+  // Full-page HTML rendering — use iframe to isolate CSS
   if (state.status === 'html') {
     return (
-      <div style={{ position: 'relative', minHeight: '100vh' }}>
-        <div dangerouslySetInnerHTML={{ __html: state.content }} />
+      <div style={{ position: 'relative', minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
+        <iframe
+          srcDoc={state.content}
+          style={{
+            flex: 1,
+            width: '100%',
+            minHeight: 'calc(100vh - 40px)',
+            border: 'none',
+            background: '#0C111D',
+          }}
+          title="Arquivo compartilhado"
+          sandbox="allow-same-origin allow-scripts"
+        />
         <PoweredByFooter />
       </div>
     )
diff --git a/dashboard/frontend/src/pages/Workspace.tsx b/dashboard/frontend/src/pages/Workspace.tsx
@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from 'react'
 import { useLocation, useNavigate } from 'react-router-dom'
-import { CheckCircle, Copy, Check } from 'lucide-react'
+import { CheckCircle, Copy, Check, PanelLeftOpen } from 'lucide-react'
 import { api } from '../lib/api'
 import FileTree from '../components/workspace/FileTree'
 import FileToolbar, { type EditorMode } from '../components/workspace/FileToolbar'
@@ -587,6 +587,9 @@ export default function Workspace() {
     })
   }, [])
 
+  // Mobile sidebar toggle
+  const [sidebarOpen, setSidebarOpen] = useState(false)
+
   const [copiedPath, setCopiedPath] = useState(false)
 
   const handleCopyPath = useCallback(() => {
@@ -603,34 +606,73 @@ export default function Workspace() {
 
   return (
     <div className="flex h-full overflow-hidden" style={{ background: 'var(--bg-primary)' }}>
-      {/* FileTree */}
-      <FileTree
-        selectedPath={selectedPath}
-        onSelect={handleSelect}
-        onNavigate={(path) => handleSelect(path, true)}
-        refreshTrigger={refreshTrigger}
-      />
+      {/* Mobile overlay */}
+      {sidebarOpen && (
+        <div
+          className="fixed inset-0 bg-black/60 z-40 lg:hidden"
+          onClick={() => setSidebarOpen(false)}
+        />
+      )}
 
-      {/* Main area */}
-      <div className="flex flex-col flex-1 min-w-0 overflow-hidden">
-        {/* FileToolbar */}
-        <FileToolbar
+      {/* FileTree — desktop: static sidebar, mobile: slide-over */}
+      <div
+        className={`
+          fixed inset-y-0 left-0 z-50 transition-transform duration-200
+          lg:static lg:translate-x-0 lg:z-auto
+          ${sidebarOpen ? 'translate-x-0' : '-translate-x-full'}
+        `}
+      >
+        <FileTree
           selectedPath={selectedPath}
-          isDir={isDir}
-          mode={mode}
-          isDirty={isDirty}
-          onNewFile={handleNewFile}
-          onNewFolder={handleNewFolder}
-          onUpload={() => setShowUpload(true)}
-          onRefresh={() => setRefreshTrigger(t => t + 1)}
-          onEdit={handleEdit}
-          onSave={() => handleSave()}
-          onCancel={handleCancel}
-          onRename={handleRename}
-          onDelete={handleDelete}
-          onDownload={handleDownload}
-          onShare={handleShare}
+          onSelect={(path, dir) => {
+            handleSelect(path, dir)
+            setSidebarOpen(false)
+          }}
+          onNavigate={(path) => {
+            handleSelect(path, true)
+            setSidebarOpen(false)
+          }}
+          refreshTrigger={refreshTrigger}
         />
+      </div>
+
+      {/* Main area */}
+      <div className="flex flex-col flex-1 min-w-0 overflow-hidden">
+        {/* FileToolbar with mobile toggle */}
+        <div className="flex items-center flex-shrink-0" style={{ background: 'var(--bg-card)', borderBottom: '1px solid var(--border)' }}>
+          {/* Mobile sidebar toggle */}
+          <button
+            onClick={() => setSidebarOpen(true)}
+            className="lg:hidden flex items-center justify-center flex-shrink-0"
+            style={{
+              width: '44px',
+              height: '44px',
+              color: 'var(--text-secondary)',
+              borderRight: '1px solid var(--border)',
+            }}
+          >
+            <PanelLeftOpen size={18} />
+          </button>
+          <div className="flex-1 min-w-0">
+            <FileToolbar
+              selectedPath={selectedPath}
+              isDir={isDir}
+              mode={mode}
+              isDirty={isDirty}
+              onNewFile={handleNewFile}
+              onNewFolder={handleNewFolder}
+              onUpload={() => setShowUpload(true)}
+              onRefresh={() => setRefreshTrigger(t => t + 1)}
+              onEdit={handleEdit}
+              onSave={() => handleSave()}
+              onCancel={handleCancel}
+              onRename={handleRename}
+              onDelete={handleDelete}
+              onDownload={handleDownload}
+              onShare={handleShare}
+            />
+          </div>
+        </div>
 
         {/* File tabs */}
         <FileTabs
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,6 +1,6 @@
 [project]
 name = "evo-nexus"
-version = "0.18.5"
+version = "0.18.6"
 description = "Unofficial open source toolkit for Claude Code — AI-powered business operating system"
 requires-python = ">=3.10"
 dependencies = [
diff --git a/uv.lock b/uv.lock

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@evoapi/evo-nexus",`
`3`		`- "version": "0.18.5",`
	`3`	`+ "version": "0.18.6",`
`4`	`4`	`"description": "Unofficial open source toolkit for Claude Code — AI-powered business operating system",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"claude-code",`
Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@ function ToolbarButton({ icon, label, onClick, variant = 'default', disabled = f`
`122`	`122`	`onMouseUp={handleMouseUp}`
`123`	`123`	`>`
`124`	`124`	`{icon}`
`125`		`- <span>{label}</span>`
	`125`	`+ <span className="hidden sm:inline">{label}</span>`
`126`	`126`	`</button>`
`127`	`127`	`)`
`128`	`128`	`}`
`@@ -166,8 +166,6 @@ export default function FileToolbar({`
`166`	`166`	`<div`
`167`	`167`	`className="flex items-center gap-0.5 px-3 py-2 overflow-x-auto"`
`168`	`168`	`style={{`
`169`		`- background: 'var(--bg-card)',`
`170`		`- borderBottom: '1px solid var(--border)',`
`171`	`169`	`minHeight: '44px',`
`172`	`170`	`flexShrink: 0,`
`173`	`171`	`}}`