@igstack/app-catalog-frontend-core 6.10.3 → 6.11.0

package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js

@@ -1,56 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRouterState, Link } from "@tanstack/react-router";
-import { cn } from "../../../../lib/utils.js";
-function ViewToggle() {
-  const pathname = useRouterState({ select: (s) => s.location.pathname });
-  const appsActive = pathname === "/" || pathname.startsWith("/app/");
-  const desksActive = pathname.startsWith("/service-desks");
-  const mcpActive = pathname.startsWith("/mcp");
-  const segment = "inline-flex items-center rounded-md px-3 py-1 text-sm font-medium transition-colors";
-  const active = "bg-background text-foreground shadow-sm";
-  const inactive = "text-muted-foreground hover:text-foreground";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "tablist",
-      "aria-label": "View",
-      className: "inline-flex items-center gap-1 rounded-lg bg-muted p-[3px]",
-      children: [
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: "/",
-            "aria-label": "Apps",
-            "aria-current": appsActive ? "page" : void 0,
-            className: cn(segment, appsActive ? active : inactive),
-            children: "Apps"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: "/service-desks",
-            "aria-label": "Service Desks",
-            "aria-current": desksActive ? "page" : void 0,
-            className: cn(segment, desksActive ? active : inactive),
-            children: "Service Desks"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: "/mcp",
-            "aria-label": "MCP",
-            "aria-current": mcpActive ? "page" : void 0,
-            className: cn(segment, mcpActive ? active : inactive),
-            children: "MCP"
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  ViewToggle
-};
-//# sourceMappingURL=ViewToggle.js.map

package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewToggle.js","sources":["../../../../../../src/modules/appCatalog/ui/components/ViewToggle.tsx"],"sourcesContent":["import { Link, useRouterState } from '@tanstack/react-router'\nimport { cn } from '~/lib/utils'\n\n/**\n * Compact segmented toggle for the header (Apps | Service Desks | MCP). Rendered in\n * the header's `middle` slot so it adds no header height. Uses router Links so\n * each segment is deep-linkable.\n *\n * The active segment is derived from the current pathname rather than a plain\n * exact-match on the Link: the \"Apps\" tab must stay active on the app-detail\n * routes (`/app/<slug>`) too, since the detail panel is part of the Apps view\n * (#23). A plain `activeOptions={{ exact: true }}` on `to=\"/\"` left both tabs\n * inactive on `/app/<slug>`.\n */\nexport function ViewToggle() {\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n  const appsActive = pathname === '/' || pathname.startsWith('/app/')\n  const desksActive = pathname.startsWith('/service-desks')\n  const mcpActive = pathname.startsWith('/mcp')\n\n  const segment =\n    'inline-flex items-center rounded-md px-3 py-1 text-sm font-medium transition-colors'\n  const active = 'bg-background text-foreground shadow-sm'\n  const inactive = 'text-muted-foreground hover:text-foreground'\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-label=\"View\"\n      className=\"inline-flex items-center gap-1 rounded-lg bg-muted p-[3px]\"\n    >\n      <Link\n        to=\"/\"\n        aria-label=\"Apps\"\n        aria-current={appsActive ? 'page' : undefined}\n        className={cn(segment, appsActive ? active : inactive)}\n      >\n        Apps\n      </Link>\n      <Link\n        to=\"/service-desks\"\n        aria-label=\"Service Desks\"\n        aria-current={desksActive ? 'page' : undefined}\n        className={cn(segment, desksActive ? active : inactive)}\n      >\n        Service Desks\n      </Link>\n      <Link\n        to=\"/mcp\"\n        aria-label=\"MCP\"\n        aria-current={mcpActive ? 'page' : undefined}\n        className={cn(segment, mcpActive ? active : inactive)}\n      >\n        MCP\n      </Link>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAcO,SAAS,aAAa;AAC3B,QAAM,WAAW,eAAe,EAAE,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU;AAEtE,QAAM,aAAa,aAAa,OAAO,SAAS,WAAW,OAAO;AAClE,QAAM,cAAc,SAAS,WAAW,gBAAgB;AACxD,QAAM,YAAY,SAAS,WAAW,MAAM;AAE5C,QAAM,UACJ;AACF,QAAM,SAAS;AACf,QAAM,WAAW;AAEjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,cAAW;AAAA,YACX,gBAAc,aAAa,SAAS;AAAA,YACpC,WAAW,GAAG,SAAS,aAAa,SAAS,QAAQ;AAAA,YACtD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,cAAW;AAAA,YACX,gBAAc,cAAc,SAAS;AAAA,YACrC,WAAW,GAAG,SAAS,cAAc,SAAS,QAAQ;AAAA,YACvD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,cAAW;AAAA,YACX,gBAAc,YAAY,SAAS;AAAA,YACnC,WAAW,GAAG,SAAS,YAAY,SAAS,QAAQ;AAAA,YACrD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/src/modules/appCatalog/ui/components/ViewToggle.tsx

@@ -1,59 +0,0 @@
-import { Link, useRouterState } from '@tanstack/react-router'
-import { cn } from '~/lib/utils'
-
-/**
- * Compact segmented toggle for the header (Apps | Service Desks | MCP). Rendered in
- * the header's `middle` slot so it adds no header height. Uses router Links so
- * each segment is deep-linkable.
- *
- * The active segment is derived from the current pathname rather than a plain
- * exact-match on the Link: the "Apps" tab must stay active on the app-detail
- * routes (`/app/<slug>`) too, since the detail panel is part of the Apps view
- * (#23). A plain `activeOptions={{ exact: true }}` on `to="/"` left both tabs
- * inactive on `/app/<slug>`.
- */
-export function ViewToggle() {
-  const pathname = useRouterState({ select: (s) => s.location.pathname })
-
-  const appsActive = pathname === '/' || pathname.startsWith('/app/')
-  const desksActive = pathname.startsWith('/service-desks')
-  const mcpActive = pathname.startsWith('/mcp')
-
-  const segment =
-    'inline-flex items-center rounded-md px-3 py-1 text-sm font-medium transition-colors'
-  const active = 'bg-background text-foreground shadow-sm'
-  const inactive = 'text-muted-foreground hover:text-foreground'
-
-  return (
-    <div
-      role="tablist"
-      aria-label="View"
-      className="inline-flex items-center gap-1 rounded-lg bg-muted p-[3px]"
-    >
-      <Link
-        to="/"
-        aria-label="Apps"
-        aria-current={appsActive ? 'page' : undefined}
-        className={cn(segment, appsActive ? active : inactive)}
-      >
-        Apps
-      </Link>
-      <Link
-        to="/service-desks"
-        aria-label="Service Desks"
-        aria-current={desksActive ? 'page' : undefined}
-        className={cn(segment, desksActive ? active : inactive)}
-      >
-        Service Desks
-      </Link>
-      <Link
-        to="/mcp"
-        aria-label="MCP"
-        aria-current={mcpActive ? 'page' : undefined}
-        className={cn(segment, mcpActive ? active : inactive)}
-      >
-        MCP
-      </Link>
-    </div>
-  )
-}