@stackoverflow/backstage-plugin-stack-overflow-teams 1.5.0

package/dist/components/StackOverflow/StackOverflowTags.esm.js

@@ -0,0 +1,117 @@
+import React, { useState, useEffect, useCallback } from 'react';
+import { Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
+import { useStackOverflowData } from './hooks/useStackOverflowData.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import './hooks/useStackOverflowStyles.esm.js';
+import { Box, TextField, InputAdornment, Typography, Grid, Chip } from '@material-ui/core';
+import SearchIcon from '@material-ui/icons/Search';
+
+const StackOverflowTagList = ({
+  tags,
+  searchTerm,
+  isApiSearch = false,
+  isSearching = false
+}) => {
+  if (isSearching) {
+    return null;
+  }
+  if (tags.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { textAlign: "center", py: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, isApiSearch ? `No tags found for "${searchTerm}" on your Stack Overflow Team` : `No matching tags were found for "${searchTerm}"`));
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, tags.map((tag) => /* @__PURE__ */ React.createElement(Link, { key: tag.name, to: tag.webUrl, noTrack: true }, /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: `${tag.name}(${tag.postCount})`,
+      variant: "outlined",
+      clickable: true
+    }
+  ))));
+};
+const StackOverflowTags = () => {
+  const { data, loading, error, fetchData } = useStackOverflowData("tags");
+  const [searchTerm, setSearchTerm] = useState("");
+  const [apiSearchResults, setApiSearchResults] = useState(null);
+  const [apiSearchLoading, setApiSearchLoading] = useState(false);
+  const [apiSearchError, setApiSearchError] = useState(null);
+  const [hasAttemptedApiSearch, setHasAttemptedApiSearch] = useState(false);
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [baseUrl, setBaseUrl] = useState("");
+  useEffect(() => {
+    stackOverflowTeamsApi.getBaseUrl().then((url) => setBaseUrl(url));
+  }, [stackOverflowTeamsApi]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const searchTagsViaApi = useCallback(async (searchQuery) => {
+    if (!searchQuery.trim()) {
+      setApiSearchResults(null);
+      setHasAttemptedApiSearch(false);
+      return;
+    }
+    setApiSearchLoading(true);
+    setApiSearchError(null);
+    setHasAttemptedApiSearch(false);
+    try {
+      const response = await stackOverflowTeamsApi.getTags(searchQuery);
+      setApiSearchResults(response.items || []);
+    } catch (err) {
+      setApiSearchError(err);
+      setApiSearchResults([]);
+    } finally {
+      setApiSearchLoading(false);
+      setHasAttemptedApiSearch(true);
+    }
+  }, [stackOverflowTeamsApi]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      const localFilteredTags2 = (data?.tags || []).filter(
+        (tag) => tag.name.toLowerCase().includes(searchTerm.toLowerCase())
+      );
+      if (localFilteredTags2.length === 0 && searchTerm.trim()) {
+        searchTagsViaApi(searchTerm);
+      } else {
+        setApiSearchResults(null);
+        setApiSearchError(null);
+        setHasAttemptedApiSearch(false);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [searchTerm, data?.tags, searchTagsViaApi]);
+  const localFilteredTags = (data?.tags || []).filter(
+    (tag) => tag.name.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  const shouldShowApiResults = localFilteredTags.length === 0 && searchTerm.trim() && hasAttemptedApiSearch && apiSearchResults !== null;
+  const tagsToShow = shouldShowApiResults ? apiSearchResults : localFilteredTags;
+  const isShowingApiResults = shouldShowApiResults;
+  const currentLoading = apiSearchLoading;
+  const currentError = apiSearchError;
+  const shouldShowResults = !currentLoading && !currentError && // Show local results if we have them
+  (localFilteredTags.length > 0 || // Show API results if we have attempted API search and got results
+  hasAttemptedApiSearch && apiSearchResults !== null);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Box, { mb: 2 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      variant: "outlined",
+      placeholder: "Filter tags...",
+      value: searchTerm,
+      onChange: (e) => setSearchTerm(e.target.value),
+      InputProps: {
+        startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
+      }
+    }
+  )), loading && /* @__PURE__ */ React.createElement(Progress, null), error && /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }), !loading && !error && /* @__PURE__ */ React.createElement(React.Fragment, null, currentLoading && /* @__PURE__ */ React.createElement(Progress, null), currentError && /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: currentError }), shouldShowResults && /* @__PURE__ */ React.createElement(
+    StackOverflowTagList,
+    {
+      tags: tagsToShow || [],
+      searchTerm,
+      baseUrl,
+      isApiSearch: !!isShowingApiResults,
+      isSearching: currentLoading
+    }
+  )));
+};
+
+export { StackOverflowTags, StackOverflowTags as default };
+//# sourceMappingURL=StackOverflowTags.esm.js.map

package/dist/components/StackOverflow/StackOverflowTags.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackOverflowTags.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowTags.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useStackOverflowData } from './hooks/';\nimport {\n  Chip,\n  Grid,\n  TextField,\n  Box,\n  Typography,\n  InputAdornment,\n} from '@material-ui/core';\nimport { Tag } from '../../types';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { stackoverflowteamsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst StackOverflowTagList = ({\n  tags,\n  searchTerm,\n  isApiSearch = false,\n  isSearching = false,\n}: {\n  tags: Tag[];\n  searchTerm: string;\n  baseUrl: string;\n  isApiSearch?: boolean;\n  isSearching?: boolean;\n}) => {\n  if (isSearching) {\n    return null; \n  }\n\n  if (tags.length === 0) {\n    return (\n      <Box textAlign=\"center\" py={4}>\n        <Typography variant=\"body1\" gutterBottom>\n          {isApiSearch \n            ? `No tags found for \"${searchTerm}\" on your Stack Overflow Team`\n            : `No matching tags were found for \"${searchTerm}\"`\n          }\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Grid container spacing={1}>\n      {tags.map(tag => (\n        <Link key={tag.name} to={tag.webUrl} noTrack>\n          <Chip\n            label={`${tag.name}(${tag.postCount})`}\n            variant=\"outlined\"\n            clickable\n          />\n        </Link>\n      ))}\n    </Grid>\n  );\n};\n\nexport const StackOverflowTags = () => {\n  const { data, loading, error, fetchData } = useStackOverflowData('tags');\n  const [searchTerm, setSearchTerm] = useState('');\n  const [apiSearchResults, setApiSearchResults] = useState<Tag[] | null>(null);\n  const [apiSearchLoading, setApiSearchLoading] = useState(false);\n  const [apiSearchError, setApiSearchError] = useState<Error | null>(null);\n  const [hasAttemptedApiSearch, setHasAttemptedApiSearch] = useState(false);\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n\n  const [baseUrl, setBaseUrl] = useState<string>('');\n  \n  useEffect(() => {\n    stackOverflowTeamsApi.getBaseUrl().then(url => setBaseUrl(url));\n  }, [stackOverflowTeamsApi]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  // Debounced API search function\n  const searchTagsViaApi = useCallback(async (searchQuery: string) => {\n    if (!searchQuery.trim()) {\n      setApiSearchResults(null);\n      setHasAttemptedApiSearch(false);\n      return;\n    }\n\n    setApiSearchLoading(true);\n    setApiSearchError(null);\n    setHasAttemptedApiSearch(false);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getTags(searchQuery);\n      setApiSearchResults(response.items || []);\n    } catch (err) {\n      setApiSearchError(err as Error);\n      setApiSearchResults([]);\n    } finally {\n      setApiSearchLoading(false);\n      setHasAttemptedApiSearch(true);\n    }\n  }, [stackOverflowTeamsApi]);\n\n  // Debounce the search to avoid too many API calls\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      const localFilteredTags = (data?.tags || []).filter(tag =>\n        tag.name.toLowerCase().includes(searchTerm.toLowerCase()),\n      );\n\n      // If no local results and we have a search term, try API search\n      if (localFilteredTags.length === 0 && searchTerm.trim()) {\n        searchTagsViaApi(searchTerm);\n      } else {\n        // Reset API search results when we have local results or no search term\n        setApiSearchResults(null);\n        setApiSearchError(null);\n        setHasAttemptedApiSearch(false);\n      }\n    }, 300); // 300ms debounce\n\n    return () => clearTimeout(timer);\n  }, [searchTerm, data?.tags, searchTagsViaApi]);\n\n  const localFilteredTags = (data?.tags || []).filter(tag =>\n    tag.name.toLowerCase().includes(searchTerm.toLowerCase()),\n  );\n\n  const shouldShowApiResults = localFilteredTags.length === 0 && searchTerm.trim() && hasAttemptedApiSearch && apiSearchResults !== null;\n  const tagsToShow = shouldShowApiResults ? apiSearchResults : localFilteredTags;\n  const isShowingApiResults = shouldShowApiResults;\n  const currentLoading = apiSearchLoading;\n  const currentError = apiSearchError;\n\n  const shouldShowResults = !currentLoading && !currentError && (\n    // Show local results if we have them\n    localFilteredTags.length > 0 ||\n    // Show API results if we have attempted API search and got results\n    (hasAttemptedApiSearch && apiSearchResults !== null)\n  );\n\n  return (\n    <div>\n      <Box mb={2}>\n        <TextField\n          fullWidth\n          variant=\"outlined\"\n          placeholder=\"Filter tags...\"\n          value={searchTerm}\n          onChange={e => setSearchTerm(e.target.value)}\n          InputProps={{\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon />\n              </InputAdornment>\n            ),\n          }}\n        />\n      </Box>\n\n      {/* Show initial loading state */}\n      {loading && <Progress />}\n      \n      {/* Show initial error state */}\n      {error && <ResponseErrorPanel error={error} />}\n      \n      {/* Only show content when initial data is loaded */}\n      {!loading && !error && (\n        <>\n          {/* Show API search loading */}\n          {currentLoading && <Progress />}\n          \n          {/* Show API search error */}\n          {currentError && <ResponseErrorPanel error={currentError} />}\n          \n          {/* Show results when appropriate */}\n          {shouldShowResults && (\n            <StackOverflowTagList\n              tags={tagsToShow || []}\n              searchTerm={searchTerm}\n              baseUrl={baseUrl}\n              isApiSearch={!!isShowingApiResults}\n              isSearching={currentLoading}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default StackOverflowTags;"],"names":["localFilteredTags"],"mappings":"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"}

package/dist/components/StackOverflow/StackOverflowUsers.esm.js

@@ -0,0 +1,193 @@
+import React, { useState, useEffect } from 'react';
+import { Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
+import { useStackOverflowData } from './hooks/useStackOverflowData.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import './hooks/useStackOverflowStyles.esm.js';
+import { Box, TextField, InputAdornment, Typography, Grid, Card, CardContent, Avatar, IconButton, Chip } from '@material-ui/core';
+import SearchIcon from '@material-ui/icons/Search';
+import LaunchIcon from '@material-ui/icons/Launch';
+import PersonIcon from '@material-ui/icons/Person';
+import BusinessIcon from '@material-ui/icons/Business';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles((theme) => ({
+  searchBox: {
+    marginBottom: theme.spacing(3)
+  },
+  userCard: {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    transition: theme.transitions.create(["box-shadow", "transform"], {
+      duration: theme.transitions.duration.short
+    }),
+    "&:hover": {
+      boxShadow: theme.shadows[4]
+    }
+  },
+  cardContent: {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    "&:last-child": {
+      paddingBottom: theme.spacing(2)
+    }
+  },
+  cardHeader: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    minHeight: theme.spacing(6)
+    // Ensures consistent header height
+  },
+  userInfo: {
+    flex: 1,
+    minWidth: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(0.5)
+  },
+  userName: {
+    lineHeight: 1.2,
+    minHeight: theme.spacing(3)
+    // Consistent name height
+  },
+  jobTitle: {
+    minHeight: theme.spacing(2.5)
+    // Consistent job title height
+  },
+  departmentContainer: {
+    minHeight: theme.spacing(2.5)
+    // Consistent department height
+  },
+  cardFooter: {
+    marginTop: "auto",
+    // Push footer to bottom
+    paddingTop: theme.spacing(1),
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    minHeight: theme.spacing(4)
+    // Consistent footer height
+  },
+  reputationChip: {
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    minWidth: theme.spacing(8)
+    // Consistent chip width
+  },
+  roleChip: {
+    minWidth: theme.spacing(7)
+    // Consistent role chip width
+  },
+  avatar: {
+    width: theme.spacing(5),
+    height: theme.spacing(5)
+  },
+  emptyState: {
+    textAlign: "center",
+    padding: theme.spacing(6, 2)
+  },
+  exploreMore: {
+    textAlign: "center",
+    marginTop: theme.spacing(3),
+    padding: theme.spacing(2)
+  }
+}));
+const UserCard = ({ user }) => {
+  const classes = useStyles();
+  const isModerator = user.role === "Moderator";
+  const isAdmin = user.role === "Admin";
+  return /* @__PURE__ */ React.createElement(Link, { to: user.webUrl, target: "_blank", rel: "Backstage_Plugin", style: { textDecoration: "none" } }, /* @__PURE__ */ React.createElement(Card, { className: classes.userCard }, /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, /* @__PURE__ */ React.createElement(Box, { className: classes.cardHeader }, /* @__PURE__ */ React.createElement(
+    Avatar,
+    {
+      src: user.avatarUrl,
+      alt: user.name,
+      className: classes.avatar
+    },
+    /* @__PURE__ */ React.createElement(PersonIcon, null)
+  ), /* @__PURE__ */ React.createElement(Box, { className: classes.userInfo }, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "h6",
+      noWrap: true,
+      className: classes.userName
+    },
+    user.name
+  ), /* @__PURE__ */ React.createElement(Box, { className: classes.jobTitle }, user.jobTitle ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", noWrap: true }, user.jobTitle) : /* @__PURE__ */ React.createElement(Box, null)), /* @__PURE__ */ React.createElement(Box, { className: classes.departmentContainer }, user.department ? /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(BusinessIcon, { fontSize: "small", color: "disabled" }), /* @__PURE__ */ React.createElement(Box, { ml: 0.5 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", noWrap: true }, user.department))) : /* @__PURE__ */ React.createElement(Box, null))), /* @__PURE__ */ React.createElement(IconButton, { size: "small", "aria-label": "open profile" }, /* @__PURE__ */ React.createElement(LaunchIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(Box, { className: classes.cardFooter }, /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      size: "small",
+      label: `${user.reputation.toLocaleString()} rep`,
+      className: classes.reputationChip,
+      variant: "default"
+    }
+  ), /* @__PURE__ */ React.createElement(Box, null, (isModerator || isAdmin) && /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: isModerator ? "Moderator" : "Admin",
+      size: "small",
+      color: isModerator ? "primary" : "secondary",
+      variant: "outlined",
+      className: classes.roleChip
+    }
+  ))))));
+};
+const StackOverflowUserList = ({
+  users,
+  searchTerm,
+  baseUrl
+}) => {
+  const classes = useStyles();
+  if (users.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { className: classes.emptyState }, /* @__PURE__ */ React.createElement(PersonIcon, { fontSize: "large", color: "disabled" }), /* @__PURE__ */ React.createElement(Typography, { variant: "h6", gutterBottom: true }, 'No users found matching "', searchTerm, '"'), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", paragraph: true }, "Try adjusting your search terms"), /* @__PURE__ */ React.createElement(Link, { to: `${baseUrl}/users` }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "primary" }, "Browse all users \u2192")));
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, users.map((user) => /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, key: user.id }, /* @__PURE__ */ React.createElement(UserCard, { user })))), users.length > 0 && /* @__PURE__ */ React.createElement(Box, { className: classes.exploreMore }, /* @__PURE__ */ React.createElement(Link, { to: `${baseUrl}/users` }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "primary" }, "Explore more users \u2192"))));
+};
+const StackOverflowUsers = () => {
+  const classes = useStyles();
+  const { data, loading, error, fetchData } = useStackOverflowData("users");
+  const [searchTerm, setSearchTerm] = useState("");
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [baseUrl, setBaseUrl] = useState("");
+  useEffect(() => {
+    stackOverflowTeamsApi.getBaseUrl().then((url) => setBaseUrl(url));
+  }, [stackOverflowTeamsApi]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const filteredUsers = (data?.users || []).sort((a, b) => b.reputation - a.reputation).filter(
+    (user) => `${user.name} ${user.jobTitle} ${user.department} ${user.role}`.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { className: classes.searchBox }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      variant: "outlined",
+      placeholder: "Search users...",
+      value: searchTerm,
+      onChange: (e) => setSearchTerm(e.target.value),
+      InputProps: {
+        startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
+      }
+    }
+  )), /* @__PURE__ */ React.createElement(
+    StackOverflowUserList,
+    {
+      users: filteredUsers,
+      searchTerm,
+      baseUrl
+    }
+  ));
+};
+
+export { StackOverflowUsers, StackOverflowUsers as default };
+//# sourceMappingURL=StackOverflowUsers.esm.js.map

package/dist/components/StackOverflow/StackOverflowUsers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackOverflowUsers.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowUsers.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useStackOverflowData } from './hooks/';\nimport {\n  Grid,\n  TextField,\n  Box,\n  Typography,\n  InputAdornment,\n  Card,\n  CardContent,\n  Avatar,\n  Chip,\n  IconButton,\n} from '@material-ui/core';\nimport { stackoverflowteamsApiRef, User } from '../../api';\nimport SearchIcon from '@material-ui/icons/Search';\nimport LaunchIcon from '@material-ui/icons/Launch';\nimport PersonIcon from '@material-ui/icons/Person';\nimport BusinessIcon from '@material-ui/icons/Business';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  searchBox: {\n    marginBottom: theme.spacing(3),\n  },\n  userCard: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    transition: theme.transitions.create(['box-shadow', 'transform'], {\n      duration: theme.transitions.duration.short,\n    }),\n    '&:hover': {\n      boxShadow: theme.shadows[4],\n    },\n  },\n  cardContent: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    '&:last-child': {\n      paddingBottom: theme.spacing(2),\n    },\n  },\n  cardHeader: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    minHeight: theme.spacing(6), // Ensures consistent header height\n  },\n  userInfo: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  },\n  userName: {\n    lineHeight: 1.2,\n    minHeight: theme.spacing(3), // Consistent name height\n  },\n  jobTitle: {\n    minHeight: theme.spacing(2.5), // Consistent job title height\n  },\n  departmentContainer: {\n    minHeight: theme.spacing(2.5), // Consistent department height\n  },\n  cardFooter: {\n    marginTop: 'auto', // Push footer to bottom\n    paddingTop: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    minHeight: theme.spacing(4), // Consistent footer height\n  },\n  reputationChip: {\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    minWidth: theme.spacing(8), // Consistent chip width\n  },\n  roleChip: {\n    minWidth: theme.spacing(7), // Consistent role chip width\n  },\n  avatar: {\n    width: theme.spacing(5),\n    height: theme.spacing(5),\n  },\n  emptyState: {\n    textAlign: 'center',\n    padding: theme.spacing(6, 2),\n  },\n  exploreMore: {\n    textAlign: 'center',\n    marginTop: theme.spacing(3),\n    padding: theme.spacing(2),\n  },\n}));\n\nconst UserCard = ({ user }: { user: User }) => {\n  const classes = useStyles();\n  const isModerator = user.role === 'Moderator';\n  const isAdmin = user.role === 'Admin';\n\n  return (\n   <Link to={user.webUrl} target=\"_blank\" rel=\"Backstage_Plugin\" style={{ textDecoration: 'none' }}>\n      <Card className={classes.userCard}>\n        <CardContent className={classes.cardContent}>\n          <Box className={classes.cardHeader}>\n            <Avatar \n              src={user.avatarUrl} \n              alt={user.name}\n              className={classes.avatar}\n            >\n              <PersonIcon />\n            </Avatar>\n            <Box className={classes.userInfo}>\n              <Typography \n                variant=\"h6\" \n                noWrap \n                className={classes.userName}\n              >\n                {user.name}\n              </Typography>\n              <Box className={classes.jobTitle}>\n                {user.jobTitle ? (\n                  <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n                    {user.jobTitle}\n                  </Typography>\n                ) : (\n                  <Box />\n                )}\n              </Box>\n              <Box className={classes.departmentContainer}>\n                {user.department ? (\n                  <Box display=\"flex\" alignItems=\"center\">\n                    <BusinessIcon fontSize=\"small\" color=\"disabled\" />\n                    <Box ml={0.5}>\n                      <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n                        {user.department}\n                      </Typography>\n                    </Box>\n                  </Box>\n                ) : (\n                  <Box />\n                )}\n              </Box>\n            </Box>\n            <IconButton size=\"small\" aria-label=\"open profile\">\n              <LaunchIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n          \n          <Box className={classes.cardFooter}>\n            <Chip\n              size=\"small\"\n              label={`${user.reputation.toLocaleString()} rep`}\n              className={classes.reputationChip}\n              variant=\"default\"\n            />\n            <Box>\n              {(isModerator || isAdmin) && (\n                <Chip\n                  label={isModerator ? 'Moderator' : 'Admin'}\n                  size=\"small\"\n                  color={isModerator ? 'primary' : 'secondary'}\n                  variant=\"outlined\"\n                  className={classes.roleChip}\n                />\n              )}\n            </Box>\n          </Box>\n        </CardContent>\n      </Card>\n    </Link>\n  );\n}\n\nconst StackOverflowUserList = ({\n  users,\n  searchTerm,\n  baseUrl,\n}: {\n  users: User[];\n  searchTerm: string;\n  baseUrl: string;\n}) => {\n  const classes = useStyles();\n\n  if (users.length === 0) {\n    return (\n      <Box className={classes.emptyState}>\n        <PersonIcon fontSize=\"large\" color=\"disabled\" />\n        <Typography variant=\"h6\" gutterBottom>\n          No users found matching \"{searchTerm}\"\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n          Try adjusting your search terms\n        </Typography>\n        <Link to={`${baseUrl}/users`}>\n          <Typography variant=\"body1\" color=\"primary\">\n            Browse all users →\n          </Typography>\n        </Link>\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      <Grid container spacing={3}>\n        {users.map(user => (\n          <Grid item xs={12} sm={6} md={4} lg={3} key={user.id}>\n            <UserCard user={user} />\n          </Grid>\n        ))}\n      </Grid>\n      \n      {users.length > 0 && (\n        <Box className={classes.exploreMore}>\n          <Link to={`${baseUrl}/users`}>\n            <Typography variant=\"body1\" color=\"primary\">\n              Explore more users →\n            </Typography>\n          </Link>\n        </Box>\n      )}\n    </>\n  );\n};\n\nexport const StackOverflowUsers = () => {\n  const classes = useStyles();\n  const { data, loading, error, fetchData } = useStackOverflowData('users');\n  const [searchTerm, setSearchTerm] = useState('');\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [baseUrl, setBaseUrl] = useState<string>('');\n\n  useEffect(() => {\n    stackOverflowTeamsApi.getBaseUrl().then(url => setBaseUrl(url));\n  }, [stackOverflowTeamsApi]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const filteredUsers = (data?.users || [])\n    .sort((a, b) => b.reputation - a.reputation)\n    .filter(user =>\n      `${user.name} ${user.jobTitle} ${user.department} ${user.role}`\n        .toLowerCase()\n        .includes(searchTerm.toLowerCase()),\n    );\n\n  return (\n    <Box>\n      <Box className={classes.searchBox}>\n        <TextField\n          fullWidth\n          variant=\"outlined\"\n          placeholder=\"Search users...\"\n          value={searchTerm}\n          onChange={e => setSearchTerm(e.target.value)}\n          InputProps={{\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon />\n              </InputAdornment>\n            ),\n          }}\n        />\n      </Box>\n      <StackOverflowUserList\n        users={filteredUsers}\n        searchTerm={searchTerm}\n        baseUrl={baseUrl}\n      />\n    </Box>\n  );\n};\n\nexport default StackOverflowUsers;"],"names":[],"mappings":"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"}