@industry-theme/github-panels 0.1.21 → 0.1.23

package/dist/index.d.ts

@@ -21,7 +21,7 @@ export { OwnerRepositoriesPanel } from './panels/OwnerRepositoriesPanel';
 export { RecentRepositoriesPanel, addRecentRepository, addRecentOwner } from './panels/RecentRepositoriesPanel';
 export type { OwnerInfo } from './panels/RecentRepositoriesPanel';
 export { WelcomePanel } from './panels/WelcomePanel';
-export type { WelcomePanelProps, HighlightedProject } from './panels/WelcomePanel';
+export type { WelcomePanelProps, HighlightedProject, FeaturedOrganization } from './panels/WelcomePanel';
 export type { GitHubOwner, GitHubRepository, GitHubOrganization, GitHubRepositoriesSliceData, RepositorySelectedEventPayload, RepositoryPreviewEventPayload, GitHubPanelEventType, } from './types/github';
 export { githubTools, githubToolsMetadata, listRepositoriesTool, selectRepositoryTool, previewRepositoryTool, searchRepositoriesTool, openRepositorySwitcherTool, requestGitHubLoginTool, } from './tools';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,SAAS,CAAC;AAG7E;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAgFnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAChH,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,8BAA8B,EAC9B,6BAA6B,EAC7B,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,SAAS,CAAC;AAG7E;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAgFnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAChH,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGzG,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,8BAA8B,EAC9B,6BAA6B,EAC7B,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/panels/WelcomePanel.d.ts

@@ -8,12 +8,21 @@ export interface HighlightedProject {
     repo: string;
     label?: string;
 }
+/**
+ * Featured organization for the organizations section
+ */
+export interface FeaturedOrganization {
+    login: string;
+    description?: string;
+}
 /**
  * Props for the WelcomePanel
  */
 export interface WelcomePanelProps extends PanelComponentProps {
     onNavigate?: (owner: string, repo: string) => void;
     highlightedProjects?: HighlightedProject[];
+    featuredOrganizations?: FeaturedOrganization[];
+    onOrganizationClick?: (org: string) => void;
 }
 /**
  * WelcomePanel - A landing panel with branding and repo search

package/dist/panels/WelcomePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WelcomePanel.d.ts","sourceRoot":"","sources":["../../src/panels/WelcomePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AA4HD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyQpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC"}
+{"version":3,"file":"WelcomePanel.d.ts","sourceRoot":"","sources":["../../src/panels/WelcomePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AA+MD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6TpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC"}

package/dist/panels/WelcomePanel.stories.d.ts

@@ -0,0 +1,59 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./WelcomePanel").WelcomePanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        onNavigate?: ((owner: string, repo: string) => void) | undefined;
+        highlightedProjects?: import("./WelcomePanel").HighlightedProject[] | undefined;
+        featuredOrganizations?: import("./WelcomePanel").FeaturedOrganization[] | undefined;
+        onOrganizationClick?: ((org: string) => void) | undefined;
+        context: import("@principal-ade/panel-framework-core").PanelContextValue;
+        actions: import("@principal-ade/panel-framework-core").PanelActions;
+        events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        context: import("@principal-ade/panel-framework-core").PanelContextValue;
+        events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
+        actions: import("@principal-ade/panel-framework-core").PanelActions;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default state with no featured organizations
+ */
+export declare const Default: Story;
+/**
+ * With highlighted projects (legacy feature)
+ */
+export declare const WithHighlightedProjects: Story;
+/**
+ * With featured organizations - the main use case
+ */
+export declare const WithFeaturedOrganizations: Story;
+/**
+ * With both organizations and highlighted projects
+ */
+export declare const WithOrganizationsAndProjects: Story;
+/**
+ * Single organization
+ */
+export declare const SingleOrganization: Story;
+/**
+ * Organizations without descriptions
+ */
+export declare const OrganizationsNoDescriptions: Story;
+/**
+ * Interactive with navigation handler
+ */
+export declare const Interactive: Story;
+//# sourceMappingURL=WelcomePanel.stories.d.ts.map

package/dist/panels/WelcomePanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomePanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/WelcomePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,KAY1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,KASzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}

package/dist/panels.bundle.js

@@ -3098,9 +3098,93 @@ const defaultHighlightedProjects = [
   { owner: "facebook", repo: "react" },
   { owner: "vercel", repo: "next.js" }
 ];
+const defaultFeaturedOrganizations = [];
+const OrganizationCard = ({ org, theme, onClick }) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      style: {
+        padding: "16px 20px",
+        borderRadius: "12px",
+        backgroundColor: theme.colors.surface,
+        border: `1px solid ${theme.colors.border}`,
+        display: "flex",
+        alignItems: "center",
+        gap: "12px",
+        cursor: "pointer",
+        transition: "all 0.2s ease",
+        minWidth: "240px",
+        textAlign: "left"
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.borderColor = theme.colors.primary;
+        e.currentTarget.style.transform = "translateY(-2px)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.borderColor = theme.colors.border;
+        e.currentTarget.style.transform = "translateY(0)";
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://github.com/${org.login}.png?size=64`,
+            alt: org.login,
+            style: {
+              width: 40,
+              height: 40,
+              borderRadius: "8px",
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[2]}px`,
+                fontWeight: theme.fontWeights.semibold,
+                color: theme.colors.text,
+                marginBottom: org.description ? "2px" : 0
+              },
+              children: org.login
+            }
+          ),
+          org.description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[1]}px`,
+                color: theme.colors.textSecondary,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: org.description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ExternalLink,
+          {
+            size: 16,
+            style: {
+              color: theme.colors.textSecondary,
+              flexShrink: 0
+            }
+          }
+        )
+      ]
+    }
+  );
+};
 const WelcomePanel = ({
   onNavigate,
-  highlightedProjects = defaultHighlightedProjects
+  highlightedProjects = defaultHighlightedProjects,
+  featuredOrganizations = defaultFeaturedOrganizations,
+  onOrganizationClick
 }) => {
   const { theme } = useTheme();
   const [repoInput, setRepoInput] = useState("");
@@ -3126,6 +3210,13 @@ const WelcomePanel = ({
       window.location.href = `/${project.owner}/${project.repo}`;
     }
   }, [onNavigate]);
+  const handleOrganizationClick = useCallback((org) => {
+    if (onOrganizationClick) {
+      onOrganizationClick(org.login);
+    } else {
+      window.open(`https://github.com/${org.login}`, "_blank");
+    }
+  }, [onOrganizationClick]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3359,6 +3450,52 @@ const WelcomePanel = ({
             )
           }
         ),
+        featuredOrganizations.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "24px 32px 48px",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "20px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  style: {
+                    margin: 0,
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold,
+                    color: theme.colors.textSecondary
+                  },
+                  children: "Explore Our Organizations"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "16px",
+                    flexWrap: "wrap",
+                    justifyContent: "center"
+                  },
+                  children: featuredOrganizations.map((org) => /* @__PURE__ */ jsx(
+                    OrganizationCard,
+                    {
+                      org,
+                      theme,
+                      onClick: () => handleOrganizationClick(org)
+                    },
+                    org.login
+                  ))
+                }
+              )
+            ]
+          }
+        ),
         highlightedProjects.length > 0 && /* @__PURE__ */ jsx(
           "div",
           {
@@ -3376,7 +3513,7 @@ const WelcomePanel = ({
                   color: theme.colors.textSecondary
                 },
                 children: [
-                  "Try it with",
+                  "Check out our forks of popular repos:",
                   " ",
                   highlightedProjects.map((project, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
                     index > 0 && (index === highlightedProjects.length - 1 ? " or " : ", "),