local-operator-ui 0.7.0 → 0.7.1

package/out/renderer/assets/{index-DW1ctFyn.js → index-B6otLie3.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-D2tWV2AH.js","./fonts-BAmz1ETd.js","./fonts-B9KBGB-g.css","./index-AS2nfHro.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CNh1gZL-.js","./fonts-BAmz1ETd.js","./fonts-B9KBGB-g.css","./index-C3k-SQI7.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js"])))=>i.map(i=>d[i]);
 import { c as createStyled, r as resolveProps, u as useTheme, a as reactExports, b as clsx, d as useForkRef, e as extendSxProp, j as jsxRuntimeExports, h as handleBreakpoints, f as resolveBreakpointValues, g as createUnarySpacing, i as deepmerge, m as mergeBreakpointsInOrder, k as composeClasses, l as generateUtilityClass, n as createTheme$1, o as getValue, R as React, p as getDefaultExportFromCjs, q as requireReactDom, s as React$1, t as generateUtilityClasses, v as useDefaultProps, w as styled$1, x as capitalize, y as memoTheme, _ as _inheritsLoose, z as _objectWithoutPropertiesLoose$i, T as TransitionGroupContext, A as duration, B as useTheme$1, C as useTimeout, D as useId, E as ButtonBase, F as alpha$1, G as createSimplePaletteValueFilter, H as CircularProgress, P as Paper, I as darken, J as lighten, K as useEventCallback, L as useEnhancedEffect, M as useRtl, N as globalCss, O as formatMuiErrorMessage, Q as rootShouldForwardProp, S as Typography, U as getPath$2, V as isFocusVisible, W as typographyClasses, X as slotShouldForwardProp, Y as css$1, Z as keyframes, $ as clamp, a0 as emphasize, a1 as Timeout, a2 as Button, a3 as Box, a4 as FontAwesomeIcon, a5 as faExclamationTriangle, a6 as DEFAULT_THEME, a7 as faChevronLeft, a8 as faChevronRight, a9 as faRobot, aa as faCheck, ab as faTimes, ac as faEraser, ad as faPen, ae as faFileImport, af as faUpload, ag as requireReact, ah as LinearProgress, ai as faComment, aj as faSave, ak as faEdit, al as faTrashAlt, am as faComments, an as faInfoCircle, ao as faGear, ap as faPlus, aq as faServer, ar as faStar, as as faTag, at as faIdCard, au as faCalendarAlt, av as faCodeBranch, aw as faShieldAlt, ax as faArrowLeft, ay as faClock, az as faHome, aA as faDownload, aB as faFileAlt, aC as faDesktop, aD as faImage, aE as faMusic, aF as faVideo, aG as faLaptop, aH as faUsers, aI as faDatabase, aJ as faBoxOpen, aK as faBook, aL as faHdd, aM as faBox, aN as faArchive, aO as faNetworkWired, aP as faFolder, aQ as faFolderOpen, aR as faFolderTree, aS as faChevronDown, aT as faTools, aU as _extends$u, aV as faSliders, aW as faTrash, aX as faArrowDown, aY as faPaperclip, aZ as faStop, a_ as faPaperPlane, a$ as faChevronUp, b0 as faQuestion, b1 as faFile, b2 as faExclamationCircle, b3 as faLightbulb, b4 as faCode, b5 as faCommentDots, b6 as faShare, b7 as faPencilAlt, b8 as faUser, b9 as faCopy, ba as isDevelopmentMode, bb as faCommentSlash, bc as faArrowRight, bd as faBrain, be as faWandMagicSparkles, bf as faExternalLinkAlt, bg as faKey, bh as radientTheme, bi as faGlobe, bj as faSearch, bk as commonjsGlobal, bl as PropTypes, bm as faLock, bn as faSignOut, bo as themes, bp as faMoon, bq as faSun, br as faHexagonNodes, bs as faSkull, bt as faLeaf, bu as faMountain, bv as faFire, bw as faIcicles, bx as faEnvelope, by as faHistory, bz as faListAlt, bA as faAdjust, bB as faCreditCard, bC as faPlusCircle, bD as faChartLine, bE as faShield, bF as library$1, bG as icons$1, bH as CssBaseline, bI as ThemeProvider$1, bJ as getTheme, bK as ReactDOM$1, bL as ErrorBoundary } from "./fonts-BAmz1ETd.js";
 const styled = createStyled();
 function getThemeProps(params) {
@@ -35481,7 +35481,7 @@ const Container$1 = styled$1(Box)({
   width: "100%",
   overflow: "hidden"
 });
-const SidebarContainer$7 = styled$1(Box)({
+const SidebarContainer$8 = styled$1(Box)({
   flexShrink: 0,
   width: 280,
   height: "100%"
@@ -35498,7 +35498,7 @@ const ChatLayout = ({ sidebar, content: content2 }) => {
     (s2) => s2.restoreDefaultChatSidebarWidth
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContainer$7, { style: { width: sidebarWidth }, children: sidebar }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContainer$8, { style: { width: sidebarWidth }, children: sidebar }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ResizableDivider,
       {
@@ -50369,7 +50369,7 @@ const AgentCardContainer = ({
     }
   );
 };
-const SidebarContainer$6 = styled$1(Box)(({ theme: theme2 }) => ({
+const SidebarContainer$7 = styled$1(Box)(({ theme: theme2 }) => ({
   width: 240,
   minWidth: 200,
   maxWidth: 280,
@@ -50425,7 +50425,7 @@ const AgentCategoriesSidebar = ({
   onSelectCategory
 }) => {
   const categories = Object.keys(CATEGORY_ICON_MAP);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarContainer$6, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarContainer$7, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "subtitle1", sx: { px: 2, mb: 1, fontWeight: 600 }, children: "Categories" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CategoryList, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -50491,26 +50491,51 @@ const StyledAgentHubContainer = styled$1(Box)(({ theme: theme2 }) => ({
   padding: theme2.spacing(3),
   display: "flex",
   flexDirection: "column",
-  height: "100%"
+  height: "100%",
+  minHeight: 0
 }));
 const MainContentRow = styled$1(Box)(({ theme: theme2 }) => ({
   display: "flex",
   flexDirection: "row",
   flexGrow: 1,
   minHeight: 0,
-  marginTop: theme2.spacing(2)
+  marginTop: theme2.spacing(2),
+  overflow: "hidden"
+}));
+const SidebarContainer$6 = styled$1(Box)(({ theme: theme2 }) => ({
+  flex: "0 0 240px",
+  maxWidth: 240,
+  minWidth: 200,
+  marginRight: theme2.spacing(3),
+  [theme2.breakpoints.down("sm")]: {
+    display: "none"
+  }
 }));
-const StyledGridContainer$1 = styled$1(Grid)(({ theme: theme2 }) => ({
+const ScrollableContent$1 = styled$1(Box)(() => ({
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  minWidth: 0,
+  maxHeight: "100%",
+  height: "100%",
+  overflow: "hidden"
+}));
+const ScrollContainer = styled$1(Box)(({ theme: theme2 }) => ({
+  flex: 1,
+  minHeight: 0,
   overflowY: "auto",
+  overflowX: "hidden",
   padding: theme2.spacing(0, 0),
-  flex: 1,
   "&::-webkit-scrollbar": {
     width: "8px"
   },
   "&::-webkit-scrollbar-thumb": {
     backgroundColor: theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.2)",
     borderRadius: "4px"
-  }
+  },
+  // For Firefox
+  scrollbarWidth: "thin",
+  scrollbarColor: theme2.palette.mode === "dark" ? "rgba(255,255,255,0.1) transparent" : "rgba(0,0,0,0.2) transparent"
 }));
 const AgentHubPage = () => {
   const [page, setPage] = reactExports.useState(1);
@@ -50544,14 +50569,14 @@ const AgentHubPage = () => {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(MainContentRow, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContainer$6, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         AgentCategoriesSidebar,
         {
           selectedCategory,
           onSelectCategory: handleSelectCategory
         }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollableContent$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ScrollContainer, { children: [
         isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Box,
           {
@@ -50559,6 +50584,7 @@ const AgentHubPage = () => {
             justifyContent: "center",
             alignItems: "center",
             flexGrow: 1,
+            minHeight: 200,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, {})
           }
         ),
@@ -50569,13 +50595,14 @@ const AgentHubPage = () => {
             justifyContent: "center",
             alignItems: "center",
             flexGrow: 1,
+            minHeight: 200,
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { color: "error", children: [
               "Failed to load agents: ",
               error.message
             ] })
           }
         ),
-        !isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledGridContainer$1, { container: true, rowSpacing: 3, columnSpacing: 3, children: agents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", align: "center", children: "No public agents found." }) }) : agents.map((agent) => /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgentCardContainer, { agent }) }, agent.id)) }),
+        !isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { container: true, rowSpacing: 3, columnSpacing: 3, children: agents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", align: "center", children: "No public agents found." }) }) : agents.map((agent) => /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgentCardContainer, { agent }) }, agent.id)) }),
         pagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { display: "flex", justifyContent: "center", mt: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           CompactPagination,
           {
@@ -50584,7 +50611,7 @@ const AgentHubPage = () => {
             onChange: handlePageChange
           }
         ) })
-      ] })
+      ] }) })
     ] })
   ] });
 };
@@ -82567,7 +82594,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-D2tWV2AH.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-CNh1gZL-.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -82744,7 +82771,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-AS2nfHro.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-C3k-SQI7.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5

package/out/renderer/assets/{index-AS2nfHro.js → index-C3k-SQI7.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, s as styleTags, C as ContextTracker, t as tags, b as LRLanguage, d as LanguageSupport, p as parseMixed, f as indentNodeProp, g as foldNodeProp, j as delimitedIndent, l as foldInside } from "./index-DW1ctFyn.js";
+import { L as LRParser, E as ExternalTokenizer, s as styleTags, C as ContextTracker, t as tags, b as LRLanguage, d as LanguageSupport, p as parseMixed, f as indentNodeProp, g as foldNodeProp, j as delimitedIndent, l as foldInside } from "./index-B6otLie3.js";
 import "./fonts-BAmz1ETd.js";
 const blockEnd = 63, eof = 64, DirectiveEnd = 1, DocEnd = 2, sequenceStartMark = 3, sequenceContinueMark = 4, explicitMapStartMark = 5, explicitMapContinueMark = 6, flowMapMark = 7, mapStartMark = 65, mapContinueMark = 66, Literal = 8, QuotedLiteral = 9, Anchor = 10, Alias = 11, Tag = 12, BlockLiteralContent = 13, BracketL = 19, FlowSequence = 20, Colon = 29, BraceL = 33, FlowMapping = 34, BlockLiteralHeader = 47;
 const type_Top = 0, type_Seq = 1, type_Map = 2, type_Flow = 3, type_Lit = 4;

package/out/renderer/assets/{index-D2tWV2AH.js → index-CNh1gZL-.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, s as styleTags, C as ContextTracker, t as tags, b as LRLanguage, c as snippetCompletion, d as LanguageSupport, i as ifNotIn, e as completeFromList, f as indentNodeProp, g as foldNodeProp, h as continuedIndent, j as delimitedIndent, k as flatIndent, l as foldInside, m as syntaxTree, N as NodeWeakMap, I as IterMode } from "./index-DW1ctFyn.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, s as styleTags, C as ContextTracker, t as tags, b as LRLanguage, c as snippetCompletion, d as LanguageSupport, i as ifNotIn, e as completeFromList, f as indentNodeProp, g as foldNodeProp, h as continuedIndent, j as delimitedIndent, k as flatIndent, l as foldInside, m as syntaxTree, N as NodeWeakMap, I as IterMode } from "./index-B6otLie3.js";
 import "./fonts-BAmz1ETd.js";
 const insertedSemi = 177, space$1 = 179, identifier = 184, String = 12, closeParen$1 = 13, Number = 17, Rune = 20, closeBrace$1 = 25, closeBracket = 53, IncDecOp = 95, _return = 142, _break = 144, _continue = 145, fallthrough = 148;
 const newline = 10, carriageReturn = 13, space = 32, tab = 9, slash = 47, closeParen = 41, closeBrace = 125;

package/out/renderer/index.html

@@ -9,7 +9,7 @@
   <meta http-equiv="Content-Security-Policy"
     content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111 ws://localhost:1111 ws://127.0.0.1:1111 http://localhost:8080 http://127.0.0.1:8080 https://api.radienthq.com https://us.i.posthog.com https://login.microsoftonline.com https://accounts.google.com; script-src 'self' https://us-assets.i.posthog.com https://accounts.google.com https://login.microsoftonline.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: http://localhost:1111 http://127.0.0.1:1111; media-src 'self' http://localhost:1111 http://127.0.0.1:1111; font-src 'self'; frame-src 'self' https://accounts.google.com https://login.microsoftonline.com" />
   <meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin-allow-popups" />
-  <script type="module" crossorigin src="./assets/index-DW1ctFyn.js"></script>
+  <script type="module" crossorigin src="./assets/index-B6otLie3.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/fonts-BAmz1ETd.js">
   <link rel="stylesheet" crossorigin href="./assets/fonts-B9KBGB-g.css">
   <link rel="stylesheet" crossorigin href="./assets/index-0vP6mKPB.css">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "local-operator-ui",
-	"version": "0.7.0",
+	"version": "0.7.1",
 	"productName": "Local Operator",
 	"description": "User interface for AI agent assistants that run Python code safely on your device through an intuitive chat interface. Supports local and cloud LLM models with built-in security features.",
 	"main": "./out/main/index.js",